ColorTool
लॉग इन
#FFE69F

#ffe69f ≈ Vanilla

  • पीला
  • चमक: अधिक
  • संतृप्ति: मध्यम
  • गर्म
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#ffe69f “पीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 100% लाल, 90.2% हरे और 62.35% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 9.8% मैजेंटा, 37.65% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 44.38°, संतृप्ति 100% और चमक 81.18% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 17.07:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Vanilla (#f3e5ab) है, ΔE 3.9।

यह विवरण इस रंग के मापे गए गुणों से बनाया गया है।

HEX
RGB
RGB प्रतिशत
CMY
CMYK
HSL
HSV / HSB
वेब-सेफ़#ffff99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
बाइनरी
दशमलव
सापेक्ष ल्यूमिनेंस0.8036

पूरक

  1. #ffe69f
  2. #9fb8ff

विभाजित पूरक

  1. #ffe69f
  2. #9fe8ff
  3. #b69fff

समरूप

  1. #ffb69f
  2. #ffe69f
  3. #e8ff9f

त्रिक

  1. #ffe69f
  2. #9fffe6
  3. #e69fff

चतुष्क

  1. #ffe69f
  2. #b8ff9f
  3. #9fb8ff
  4. #e69fff

वर्ग

  1. #ffe69f
  2. #9fffb6
  3. #9fb8ff
  4. #ff9fe8

एकरंगी

  1. #ffbe06
  2. #ffd253
  3. #ffe69f
  4. #fffaeb
  5. #fffaeb

शेड

#ffe69f में धीरे-धीरे काला मिलाया गया।

  1. #ffe69f
  2. #e6cf8f
  3. #ccb87f
  4. #b3a16f
  5. #998a5f
  6. #807350
  7. #665c40
  8. #4d4530
  9. #332e20
  10. #1a1710
  11. #000000

टिंट

#ffe69f में धीरे-धीरे सफ़ेद मिलाया गया।

  1. #ffe69f
  2. #ffe9a9
  3. #ffebb2
  4. #ffeebc
  5. #fff0c5
  6. #fff3cf
  7. #fff5d9
  8. #fff8e2
  9. #fffaec
  10. #fffdf5
  11. #ffffff

टोन

#ffe69f में धीरे-धीरे ग्रे मिलाया गया।

  1. #ffe69f
  2. #f2dc9c
  3. #e6d299
  4. #d9c796
  5. #ccbd93
  6. #c0b390
  7. #b3a98c
  8. #a69f89
  9. #999486
  10. #8d8a83
  11. #808080

पढ़ने योग्य टेक्स्ट 1.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
पढ़ने योग्य टेक्स्ट 17.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

अक्रोमैटोप्सिया #e8e8e8 ≈ 0.003% पुरुष
अक्रोमैटोमली #f1e7cf ≈ 0.001% पुरुष
प्रोटानोपिया #f5e39a ≈ 1.01% पुरुष
ड्यूटेरानोपिया #fceba1 ≈ 1.27% पुरुष
ट्राइटानोपिया #ffdbd4 ≈ 0.0001% पुरुष
प्रोटानोमली #f9e49c ≈ 1.08% पुरुष
ड्यूटेरानोमली #fde9a0 ≈ 4.63% पुरुष
ट्राइटानोमली #ffe0c1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

इस रंग में टेक्स्ट

इस रंग में बैकग्राउंड

इस रंग में बॉर्डर

टेक्स्ट रंग
.text-ffe69f {
  color: #ffe69f;
}
बैकग्राउंड
.bg-ffe69f {
  background-color: #ffe69f;
  color: #000000;
}
बॉर्डर
.border-ffe69f {
  border: 2px solid #ffe69f;
}
CSS वेरिएबल
:root {
  --color-primary: #ffe69f;
  --color-primary-rgb: 255 230 159;
  --color-primary-hsl: 44 100% 81%;
}
ग्रेडिएंट
.gradient-ffe69f {
  background: linear-gradient(135deg, #ffe69f, #e8ff9f);
}
रंगीन छाया
.shadow-ffe69f {
  box-shadow: 0 8px 24px rgb(255 230 159 / 0.35);
}

#f3e5ab Vanilla ΔE 3.90 #f0dc82 Buff ΔE 4.66 #f8de7e Jasmine ΔE 4.68 #ffe5b4 Peach ΔE 4.94 #eedc82 Flax ΔE 4.95 #ffe4b5 Moccasin ΔE 5.58 #f0e68c Khaki ΔE 5.72 #001960 उल्टा रंग #e8e8e8 ग्रेस्केल 

Vanilla
#ffe69f  rgb(255, 230, 159)  hsl(44, 100%, 81%)  Vanilla
#9fb8ff  rgb(159, 184, 255)  hsl(224, 100%, 81%)  Light Steel Blue
#9fffe6  rgb(159, 255, 230)  hsl(164, 100%, 81%)  Magic Mint
#e69fff  rgb(230, 159, 255)  hsl(284, 100%, 81%)  Mauve