ColorTool
लॉग इन
#CCC331

#ccc331 ≈ Citrine

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

#ccc331 “पीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 80% लाल, 76.47% हरे और 19.22% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 4.41% मैजेंटा, 75.98% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 56.52°, संतृप्ति 61.26% और चमक 49.61% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.42:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Citrine (#e4d00a) है, ΔE 5.38।

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

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

पूरक

  1. #ccc331
  2. #313acc

विभाजित पूरक

  1. #ccc331
  2. #3187cc
  3. #7631cc

समरूप

  1. #cc7631
  2. #ccc331
  3. #87cc31

त्रिक

  1. #ccc331
  2. #31ccc3
  3. #c331cc

चतुष्क

  1. #ccc331
  2. #3acc31
  3. #313acc
  4. #c331cc

वर्ग

  1. #ccc331
  2. #31cc76
  3. #313acc
  4. #cc3187

एकरंगी

  1. #514d13
  2. #8e8822
  3. #ccc331
  4. #dcd66d
  5. #ebe7ab

शेड

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

  1. #ccc331
  2. #b8b02c
  3. #a39c27
  4. #8f8922
  5. #7a751d
  6. #666219
  7. #524e14
  8. #3d3b0f
  9. #29270a
  10. #141405
  11. #000000

टिंट

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

  1. #ccc331
  2. #d1c946
  3. #d6cf5a
  4. #dbd56f
  5. #e0db83
  6. #e6e198
  7. #ebe7ad
  8. #f0edc1
  9. #f5f3d6
  10. #faf9ea
  11. #ffffff

टोन

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

  1. #ccc331
  2. #c4bc39
  3. #bdb641
  4. #b5af49
  5. #aea851
  6. #a6a259
  7. #9e9b60
  8. #979468
  9. #8f8d70
  10. #888778
  11. #808080

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

अक्रोमैटोप्सिया #bfbfbf ≈ 0.003% पुरुष
अक्रोमैटोमली #c4c19a ≈ 0.001% पुरुष
प्रोटानोपिया #d4bc0c ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d8c23d ≈ 1.27% पुरुष
ट्राइटानोपिया #dbb6a8 ≈ 0.0001% पुरुष
प्रोटानोमली #d1bf20 ≈ 1.08% पुरुष
ड्यूटेरानोमली #d3c238 ≈ 4.63% पुरुष
ट्राइटानोमली #d5bb88 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#e4d00a Citrine ΔE 5.38 #cfb53b Old Gold ΔE 5.73 #e4d96f Straw ΔE 7.09 #c5b358 Vegas Gold ΔE 7.32 #f0e130 Dandelion ΔE 7.83 #d1e231 Pear ΔE 8.57 #b5a642 Brass ΔE 8.87 #333cce उल्टा रंग #bfbfbf ग्रेस्केल 

Citrine
#ccc331  rgb(204, 195, 49)  hsl(57, 61%, 50%)  Citrine
#313acc  rgb(49, 58, 204)  hsl(237, 61%, 50%)  Persian Blue
#31ccc3  rgb(49, 204, 195)  hsl(177, 61%, 50%)  Medium Turquoise
#c331cc  rgb(195, 49, 204)  hsl(297, 61%, 50%)  Medium Orchid