#DFD533

#dfd533 ≈ Citrine

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

#dfd533 “पीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 87.45% लाल, 83.53% हरे और 20% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 4.48% मैजेंटा, 77.13% पीला और 12.55% काला लगता है। HSL में इसका ह्यू कोण 56.51°, संतृप्ति 72.88% और चमक 53.73% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.7:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Citrine (#e4d00a) है, ΔE 3.08।

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

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

शेड

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

  1. #dfd533
  2. #c9c02e
  3. #b2aa29
  4. #9c9524
  5. #86801f
  6. #706b1a
  7. #595514
  8. #43400f
  9. #2d2b0a
  10. #161505
  11. #000000

टिंट

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

  1. #dfd533
  2. #e2d947
  3. #e5dd5c
  4. #e9e270
  5. #ece685
  6. #efea99
  7. #f2eead
  8. #f5f2c2
  9. #f9f7d6
  10. #fcfbeb
  11. #ffffff

टोन

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

  1. #dfd533
  2. #d6cd3b
  3. #ccc442
  4. #c3bc4a
  5. #b9b352
  6. #b0ab5a
  7. #a6a261
  8. #9d9a69
  9. #939171
  10. #8a8978
  11. #808080

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

अक्रोमैटोप्सिया #d1d1d1 ≈ 0.003% पुरुष
अक्रोमैटोमली #d7d2a9 ≈ 0.001% पुरुष
प्रोटानोपिया #e8cd00 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #ecd440 ≈ 1.27% पुरुष
ट्राइटानोपिया #f0c6b7 ≈ 0.0001% पुरुष
प्रोटानोमली #e4d01e ≈ 1.08% पुरुष
ड्यूटेरानोमली #e7d43b ≈ 4.63% पुरुष
ट्राइटानोमली #e9cc94 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Citrine
#dfd533  rgb(223, 213, 51)  hsl(57, 73%, 54%)  Citrine
#333ddf  rgb(51, 61, 223)  hsl(237, 73%, 54%)  Persian Blue
#33dfd5  rgb(51, 223, 213)  hsl(177, 73%, 54%)  Turquoise
#d533df  rgb(213, 51, 223)  hsl(297, 73%, 54%)  Medium Orchid