#FFEC8F

#ffec8f ≈ Khaki

  • पीला
  • चमक: अधिक
  • संतृप्ति: मध्यम
  • गर्म

#ffec8f “पीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 100% लाल, 92.55% हरे और 56.08% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 7.45% मैजेंटा, 43.92% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 49.82°, संतृप्ति 100% और चमक 78.04% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 17.65:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Khaki (#f0e68c) है, ΔE 2.95।

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

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

शेड

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

  1. #ffec8f
  2. #e6d481
  3. #ccbd72
  4. #b3a564
  5. #998e56
  6. #807648
  7. #665e39
  8. #4d472b
  9. #332f1d
  10. #1a180e
  11. #000000

टिंट

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

  1. #ffec8f
  2. #ffee9a
  3. #fff0a5
  4. #fff2b1
  5. #fff4bc
  6. #fff6c7
  7. #fff7d2
  8. #fff9dd
  9. #fffbe9
  10. #fffdf4
  11. #ffffff

टोन

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

  1. #ffec8f
  2. #f2e18e
  3. #e6d68c
  4. #d9cc8b
  5. #ccc189
  6. #c0b688
  7. #b3ab86
  8. #a6a085
  9. #999683
  10. #8d8b82
  11. #808080

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

अक्रोमैटोप्सिया #ebebeb ≈ 0.003% पुरुष
अक्रोमैटोमली #f3eccd ≈ 0.001% पुरुष
प्रोटानोपिया #fde788 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #ffee93 ≈ 1.27% पुरुष
ट्राइटानोपिया #ffe0d5 ≈ 0.0001% पुरुष
प्रोटानोमली #fee98b ≈ 1.08% पुरुष
ड्यूटेरानोमली #ffed91 ≈ 4.63% पुरुष
ट्राइटानोमली #ffe5bd ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Khaki
#ffec8f  rgb(255, 236, 143)  hsl(50, 100%, 78%)  Khaki
#8fa2ff  rgb(143, 162, 255)  hsl(230, 100%, 78%)  Cornflower Blue
#8fffec  rgb(143, 255, 236)  hsl(170, 100%, 78%)  Turquoise Blue
#ec8fff  rgb(236, 143, 255)  hsl(290, 100%, 78%)  Violet