ColorTool
लॉग इन
#CCC19A

#ccc19a ≈ Sage

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

#ccc19a “पीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 75.69% हरे और 60.39% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 5.39% मैजेंटा, 24.51% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 46.8°, संतृप्ति 32.89% और चमक 70.2% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.66:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Sage (#bcb88a) है, ΔE 4.49।

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

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

पूरक

  1. #ccc19a
  2. #9aa5cc

विभाजित पूरक

  1. #ccc19a
  2. #9abecc
  3. #a89acc

समरूप

  1. #cca89a
  2. #ccc19a
  3. #becc9a

त्रिक

  1. #ccc19a
  2. #9accc1
  3. #c19acc

चतुष्क

  1. #ccc19a
  2. #a5cc9a
  3. #9aa5cc
  4. #c19acc

वर्ग

  1. #ccc19a
  2. #9acca8
  3. #9aa5cc
  4. #cc9abe

एकरंगी

  1. #887945
  2. #b2a267
  3. #ccc19a
  4. #e6e0cd
  5. #f8f7f1

शेड

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

  1. #ccc19a
  2. #b8ae8b
  3. #a39a7b
  4. #8f876c
  5. #7a745c
  6. #66614d
  7. #524d3e
  8. #3d3a2e
  9. #29271f
  10. #14130f
  11. #000000

टिंट

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

  1. #ccc19a
  2. #d1c7a4
  3. #d6cdae
  4. #dbd4b8
  5. #e0dac2
  6. #e6e0cd
  7. #ebe6d7
  8. #f0ece1
  9. #f5f3eb
  10. #faf9f5
  11. #ffffff

टोन

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

  1. #ccc19a
  2. #c4bb97
  3. #bdb495
  4. #b5ae92
  5. #aea790
  6. #a6a18d
  7. #9e9a8a
  8. #979488
  9. #8f8d85
  10. #888783
  11. #808080

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

अक्रोमैटोप्सिया #c1c1c1 ≈ 0.003% पुरुष
अक्रोमैटोमली #c5c1b3 ≈ 0.001% पुरुष
प्रोटानोपिया #c9bf98 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #ccc39b ≈ 1.27% पुरुष
ट्राइटानोपिया #d4bbb6 ≈ 0.0001% पुरुष
प्रोटानोमली #cac099 ≈ 1.08% पुरुष
ड्यूटेरानोमली #ccc29b ≈ 4.63% पुरुष
ट्राइटानोमली #d1bdac ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#bcb88a Sage ΔE 4.49 #c2b280 Ecru ΔE 5.03 #d2b48c Tan ΔE 7.67 #f5deb3 Wheat ΔE 8.58 #eae0c8 Pearl ΔE 8.98 #bdb76b Dark Khaki ΔE 9.07 #deb887 Burly Wood ΔE 9.11 #333e65 उल्टा रंग #c1c1c1 ग्रेस्केल 

Sage
#ccc19a  rgb(204, 193, 154)  hsl(47, 33%, 70%)  Sage
#9aa5cc  rgb(154, 165, 204)  hsl(227, 33%, 70%)  Wild Blue Yonder
#9accc1  rgb(154, 204, 193)  hsl(167, 33%, 70%)  Opal
#c19acc  rgb(193, 154, 204)  hsl(287, 33%, 70%)  Wisteria