ColorTool
लॉग इन
#CCC19F

#ccc19f ≈ Sage

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

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

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

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

पूरक

  1. #ccc19f
  2. #9faacc

विभाजित पूरक

  1. #ccc19f
  2. #9fc1cc
  3. #ab9fcc

समरूप

  1. #ccab9f
  2. #ccc19f
  3. #c1cc9f

त्रिक

  1. #ccc19f
  2. #9fccc1
  3. #c19fcc

चतुष्क

  1. #ccc19f
  2. #aacc9f
  3. #9faacc
  4. #c19fcc

वर्ग

  1. #ccc19f
  2. #9fccab
  3. #9faacc
  4. #cc9fc1

एकरंगी

  1. #897949
  2. #b1a16d
  3. #ccc19f
  4. #e7e1d1
  5. #f8f6f2

शेड

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

  1. #ccc19f
  2. #b8ae8f
  3. #a39a7f
  4. #8f876f
  5. #7a745f
  6. #666150
  7. #524d40
  8. #3d3a30
  9. #292720
  10. #141310
  11. #000000

टिंट

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

  1. #ccc19f
  2. #d1c7a9
  3. #d6cdb2
  4. #dbd4bc
  5. #e0dac5
  6. #e6e0cf
  7. #ebe6d9
  8. #f0ece2
  9. #f5f3ec
  10. #faf9f5
  11. #ffffff

टोन

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

  1. #ccc19f
  2. #c4bb9c
  3. #bdb499
  4. #b5ae96
  5. #aea793
  6. #a6a190
  7. #9e9a8c
  8. #979489
  9. #8f8d86
  10. #888783
  11. #808080

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

अक्रोमैटोप्सिया #c1c1c1 ≈ 0.003% पुरुष
अक्रोमैटोमली #c6c1b5 ≈ 0.001% पुरुष
प्रोटानोपिया #c9bf9d ≈ 1.01% पुरुष
ड्यूटेरानोपिया #ccc3a0 ≈ 1.27% पुरुष
ट्राइटानोपिया #d4bcb8 ≈ 0.0001% पुरुष
प्रोटानोमली #cac09e ≈ 1.08% पुरुष
ड्यूटेरानोमली #ccc2a0 ≈ 4.63% पुरुष
ट्राइटानोमली #d1beae ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#bcb88a Sage ΔE 5.51 #c2b280 Ecru ΔE 5.94 #d2b48c Tan ΔE 7.57 #eae0c8 Pearl ΔE 8.22 #e3dac9 Bone ΔE 8.57 #f5deb3 Wheat ΔE 8.61 #deb887 Burly Wood ΔE 9.29 #333e60 उल्टा रंग #c1c1c1 ग्रेस्केल 

Sage
#ccc19f  rgb(204, 193, 159)  hsl(45, 31%, 71%)  Sage
#9faacc  rgb(159, 170, 204)  hsl(225, 31%, 71%)  Wild Blue Yonder
#9fccc1  rgb(159, 204, 193)  hsl(165, 31%, 71%)  Opal
#c19fcc  rgb(193, 159, 204)  hsl(285, 31%, 71%)  Lilac