#D5CC2A

#d5cc2a ≈ Citrine

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

#d5cc2a “पीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 83.53% लाल, 80% हरे और 16.47% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 4.23% मैजेंटा, 80.28% पीला और 16.47% काला लगता है। HSL में इसका ह्यू कोण 56.84°, संतृप्ति 67.06% और चमक 50% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.5:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Citrine (#e4d00a) है, ΔE 3.5।

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

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

शेड

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

  1. #d5cc2a
  2. #c0b826
  3. #aaa322
  4. #958f1d
  5. #807a19
  6. #6b6615
  7. #555211
  8. #403d0d
  9. #2b2908
  10. #151404
  11. #000000

टिंट

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

  1. #d5cc2a
  2. #d9d13f
  3. #ddd655
  4. #e2db6a
  5. #e6e07f
  6. #eae695
  7. #eeebaa
  8. #f2f0bf
  9. #f7f5d4
  10. #fbfaea
  11. #ffffff

टोन

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

  1. #d5cc2a
  2. #cdc433
  3. #c4bd3b
  4. #bcb544
  5. #b3ae4c
  6. #aba655
  7. #a29e5e
  8. #9a9766
  9. #918f6f
  10. #898877
  11. #808080

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

अक्रोमैटोप्सिया #c8c8c8 ≈ 0.003% पुरुष
अक्रोमैटोमली #cdc9a1 ≈ 0.001% पुरुष
प्रोटानोपिया #dec400 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e2ca39 ≈ 1.27% पुरुष
ट्राइटानोपिया #e5beaf ≈ 0.0001% पुरुष
प्रोटानोमली #dbc70f ≈ 1.08% पुरुष
ड्यूटेरानोमली #ddcb33 ≈ 4.63% पुरुष
ट्राइटानोमली #dfc48d ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-d5cc2a {
  color: #d5cc2a;
}
बैकग्राउंड
.bg-d5cc2a {
  background-color: #d5cc2a;
  color: #000000;
}
बॉर्डर
.border-d5cc2a {
  border: 2px solid #d5cc2a;
}
CSS वेरिएबल
:root {
  --color-primary: #d5cc2a;
  --color-primary-rgb: 213 204 42;
  --color-primary-hsl: 57 67% 50%;
}
ग्रेडिएंट
.gradient-d5cc2a {
  background: linear-gradient(135deg, #d5cc2a, #89d52a);
}
रंगीन छाया
.shadow-d5cc2a {
  box-shadow: 0 8px 24px rgb(213 204 42 / 0.35);
}

Citrine
#d5cc2a  rgb(213, 204, 42)  hsl(57, 67%, 50%)  Citrine
#2a33d5  rgb(42, 51, 213)  hsl(237, 67%, 50%)  Persian Blue
#2ad5cc  rgb(42, 213, 204)  hsl(177, 67%, 50%)  Medium Turquoise
#cc2ad5  rgb(204, 42, 213)  hsl(297, 67%, 50%)  Medium Orchid