ColorTool
लॉग इन
#CCB87F

#ccb87f ≈ Ecru

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

#ccb87f “पीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 80% लाल, 72.16% हरे और 49.8% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 9.8% मैजेंटा, 37.75% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 44.42°, संतृप्ति 43.02% और चमक 64.9% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.73:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ecru (#c2b280) है, ΔE 2.55।

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

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

पूरक

  1. #ccb87f
  2. #7f93cc

विभाजित पूरक

  1. #ccb87f
  2. #7fb9cc
  3. #917fcc

समरूप

  1. #cc917f
  2. #ccb87f
  3. #b9cc7f

त्रिक

  1. #ccb87f
  2. #7fccb8
  3. #b87fcc

चतुष्क

  1. #ccb87f
  2. #93cc7f
  3. #7f93cc
  4. #b87fcc

वर्ग

  1. #ccb87f
  2. #7fcc91
  3. #7f93cc
  4. #cc7fb9

एकरंगी

  1. #7f6b33
  2. #b69a49
  3. #ccb87f
  4. #e2d6b6
  5. #f8f5ec

शेड

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

  1. #ccb87f
  2. #b8a672
  3. #a39366
  4. #8f8159
  5. #7a6e4c
  6. #665c40
  7. #524a33
  8. #3d3726
  9. #292519
  10. #14120d
  11. #000000

टिंट

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

  1. #ccb87f
  2. #d1bf8c
  3. #d6c699
  4. #dbcda5
  5. #e0d4b2
  6. #e6dcbf
  7. #ebe3cc
  8. #f0ead9
  9. #f5f1e5
  10. #faf8f2
  11. #ffffff

टोन

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

  1. #ccb87f
  2. #c4b27f
  3. #bdad7f
  4. #b5a77f
  5. #aea27f
  6. #a69c80
  7. #9e9680
  8. #979180
  9. #8f8b80
  10. #888680
  11. #808080

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

अक्रोमैटोप्सिया #b9b9b9 ≈ 0.003% पुरुष
अक्रोमैटोमली #c1b9a5 ≈ 0.001% पुरुष
प्रोटानोपिया #c4b67b ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c9bc81 ≈ 1.27% पुरुष
ट्राइटानोपिया #d8afa9 ≈ 0.0001% पुरुष
प्रोटानोमली #c7b77d ≈ 1.08% पुरुष
ड्यूटेरानोमली #caba80 ≈ 4.63% पुरुष
ट्राइटानोमली #d3b39a ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#c2b280 Ecru ΔE 2.55 #bcb88a Sage ΔE 5.81 #bdb76b Dark Khaki ΔE 6.11 #d2b48c Tan ΔE 6.40 #c5b358 Vegas Gold ΔE 6.60 #deb887 Burly Wood ΔE 6.85 #b5a642 Brass ΔE 9.68 #334780 उल्टा रंग #b9b9b9 ग्रेस्केल 

Ecru
#ccb87f  rgb(204, 184, 127)  hsl(44, 43%, 65%)  Ecru
#7f93cc  rgb(127, 147, 204)  hsl(224, 43%, 65%)  Cornflower Blue
#7fccb8  rgb(127, 204, 184)  hsl(164, 43%, 65%)  Medium Aquamarine
#b87fcc  rgb(184, 127, 204)  hsl(284, 43%, 65%)  Floral Lavender