ColorTool
लॉग इन
#CCC021

#ccc021 ≈ Citrine

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

#ccc021 “पीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 80% लाल, 75.29% हरे और 12.94% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 5.88% मैजेंटा, 83.82% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 55.79°, संतृप्ति 72.15% और चमक 46.47% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.13:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Citrine (#e4d00a) है, ΔE 5.09।

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

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

पूरक

  1. #ccc021
  2. #212dcc

विभाजित पूरक

  1. #ccc021
  2. #2182cc
  3. #6b21cc

समरूप

  1. #cc6b21
  2. #ccc021
  3. #82cc21

त्रिक

  1. #ccc021
  2. #21ccc0
  3. #c021cc

चतुष्क

  1. #ccc021
  2. #2dcc21
  3. #212dcc
  4. #c021cc

वर्ग

  1. #ccc021
  2. #21cc6b
  3. #212dcc
  4. #cc2182

एकरंगी

  1. #48440c
  2. #8a8216
  3. #ccc021
  4. #e4da56
  5. #eee898

शेड

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

  1. #ccc021
  2. #b8ad1e
  3. #a39a1a
  4. #8f8617
  5. #7a7314
  6. #666011
  7. #524d0d
  8. #3d3a0a
  9. #292607
  10. #141303
  11. #000000

टिंट

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

  1. #ccc021
  2. #d1c637
  3. #d6cd4d
  4. #dbd364
  5. #e0d97a
  6. #e6e090
  7. #ebe6a6
  8. #f0ecbc
  9. #f5f2d3
  10. #faf9e9
  11. #ffffff

टोन

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

  1. #ccc021
  2. #c4ba2b
  3. #bdb334
  4. #b5ad3e
  5. #aea647
  6. #a6a051
  7. #9e9a5a
  8. #979364
  9. #8f8d6d
  10. #888677
  11. #808080

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

अक्रोमैटोप्सिया #bdbdbd ≈ 0.003% पुरुष
अक्रोमैटोमली #c3be97 ≈ 0.001% पुरुष
प्रोटानोपिया #d2b900 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d6c031 ≈ 1.27% पुरुष
ट्राइटानोपिया #dcb2a4 ≈ 0.0001% पुरुष
प्रोटानोमली #d0bc00 ≈ 1.08% पुरुष
ड्यूटेरानोमली #d2c02b ≈ 4.63% पुरुष
ट्राइटानोमली #d6b884 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-ccc021 {
  color: #ccc021;
}
बैकग्राउंड
.bg-ccc021 {
  background-color: #ccc021;
  color: #000000;
}
बॉर्डर
.border-ccc021 {
  border: 2px solid #ccc021;
}
CSS वेरिएबल
:root {
  --color-primary: #ccc021;
  --color-primary-rgb: 204 192 33;
  --color-primary-hsl: 56 72% 46%;
}
ग्रेडिएंट
.gradient-ccc021 {
  background: linear-gradient(135deg, #ccc021, #82cc21);
}
रंगीन छाया
.shadow-ccc021 {
  box-shadow: 0 8px 24px rgb(204 192 33 / 0.35);
}

#e4d00a Citrine ΔE 5.09 #cfb53b Old Gold ΔE 5.18 #c5b358 Vegas Gold ΔE 7.51 #f0e130 Dandelion ΔE 8.14 #e4d96f Straw ΔE 8.14 #d4af37 Metallic Gold ΔE 8.29 #f4ca16 Jonquil ΔE 8.49 #333fde उल्टा रंग #bdbdbd ग्रेस्केल 

Citrine
#ccc021  rgb(204, 192, 33)  hsl(56, 72%, 46%)  Citrine
#212dcc  rgb(33, 45, 204)  hsl(236, 72%, 46%)  Persian Blue
#21ccc0  rgb(33, 204, 192)  hsl(176, 72%, 46%)  Medium Turquoise
#c021cc  rgb(192, 33, 204)  hsl(296, 72%, 46%)  Electric Purple