#E2CA2C

#e2ca2c ≈ Citrine

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

#e2ca2c “पीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 88.63% लाल, 79.22% हरे और 17.25% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 10.62% मैजेंटा, 80.53% पीला और 11.37% काला लगता है। HSL में इसका ह्यू कोण 52.09°, संतृप्ति 75.83% और चमक 52.94% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.72:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Citrine (#e4d00a) है, ΔE 2.35।

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

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

शेड

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

  1. #e2ca2c
  2. #cbb628
  3. #b5a223
  4. #9e8d1f
  5. #88791a
  6. #716516
  7. #5a5112
  8. #443d0d
  9. #2d2809
  10. #171404
  11. #000000

टिंट

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

  1. #e2ca2c
  2. #e5cf41
  3. #e8d556
  4. #ebda6b
  5. #eedf80
  6. #f1e596
  7. #f3eaab
  8. #f6efc0
  9. #f9f4d5
  10. #fcfaea
  11. #ffffff

टोन

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

  1. #e2ca2c
  2. #d8c334
  3. #cebb3d
  4. #c5b445
  5. #bbac4e
  6. #b1a556
  7. #a79e5e
  8. #9d9667
  9. #948f6f
  10. #8a8778
  11. #808080

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

अक्रोमैटोप्सिया #c9c9c9 ≈ 0.003% पुरुष
अक्रोमैटोमली #d4caa2 ≈ 0.001% पुरुष
प्रोटानोपिया #dec400 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e5cd39 ≈ 1.27% पुरुष
ट्राइटानोपिया #f4baad ≈ 0.0001% पुरुष
प्रोटानोमली #e0c714 ≈ 1.08% पुरुष
ड्यूटेरानोमली #e4cc34 ≈ 4.63% पुरुष
ट्राइटानोमली #edc18c ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-e2ca2c {
  color: #e2ca2c;
}
बैकग्राउंड
.bg-e2ca2c {
  background-color: #e2ca2c;
  color: #000000;
}
बॉर्डर
.border-e2ca2c {
  border: 2px solid #e2ca2c;
}
CSS वेरिएबल
:root {
  --color-primary: #e2ca2c;
  --color-primary-rgb: 226 202 44;
  --color-primary-hsl: 52 76% 53%;
}
ग्रेडिएंट
.gradient-e2ca2c {
  background: linear-gradient(135deg, #e2ca2c, #9fe22c);
}
रंगीन छाया
.shadow-e2ca2c {
  box-shadow: 0 8px 24px rgb(226 202 44 / 0.35);
}

Citrine
#e2ca2c  rgb(226, 202, 44)  hsl(52, 76%, 53%)  Citrine
#2c44e2  rgb(44, 68, 226)  hsl(232, 76%, 53%)  Iris
#2ce2ca  rgb(44, 226, 202)  hsl(172, 76%, 53%)  Turquoise
#ca2ce2  rgb(202, 44, 226)  hsl(292, 76%, 53%)  Electric Purple