ColorTool
लॉग इन
#CCB375

#ccb375 ≈ Ecru

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

#ccb375 “पीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 80% लाल, 70.2% हरे और 45.88% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 12.25% मैजेंटा, 42.65% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 42.76°, संतृप्ति 46.03% और चमक 62.94% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.27:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ecru (#c2b280) है, ΔE 3.63।

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

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

पूरक

  1. #ccb375
  2. #758ecc

विभाजित पूरक

  1. #ccb375
  2. #75b9cc
  3. #8775cc

समरूप

  1. #cc8775
  2. #ccb375
  3. #b9cc75

त्रिक

  1. #ccb375
  2. #75ccb3
  3. #b375cc

चतुष्क

  1. #ccb375
  2. #8ecc75
  3. #758ecc
  4. #b375cc

वर्ग

  1. #ccb375
  2. #75cc87
  3. #758ecc
  4. #cc75b9

एकरंगी

  1. #7b642d
  2. #b39242
  3. #ccb375
  4. #e1d2ad
  5. #f5f1e5

शेड

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

  1. #ccb375
  2. #b8a169
  3. #a38f5e
  4. #8f7d52
  5. #7a6b46
  6. #665a3b
  7. #52482f
  8. #3d3623
  9. #292417
  10. #14120c
  11. #000000

टिंट

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

  1. #ccb375
  2. #d1bb83
  3. #d6c291
  4. #dbca9e
  5. #e0d1ac
  6. #e6d9ba
  7. #ebe1c8
  8. #f0e8d6
  9. #f5f0e3
  10. #faf7f1
  11. #ffffff

टोन

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

  1. #ccb375
  2. #c4ae76
  3. #bda977
  4. #b5a478
  5. #ae9f79
  6. #a69a7b
  7. #9e947c
  8. #978f7d
  9. #8f8a7e
  10. #88857f
  11. #808080

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

अक्रोमैटोप्सिया #b5b5b5 ≈ 0.003% पुरुष
अक्रोमैटोमली #bfb4a0 ≈ 0.001% पुरुष
प्रोटानोपिया #c0b170 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c7b877 ≈ 1.27% पुरुष
ट्राइटानोपिया #d9a9a3 ≈ 0.0001% पुरुष
प्रोटानोमली #c5b272 ≈ 1.08% पुरुष
ड्यूटेरानोमली #c9b676 ≈ 4.63% पुरुष
ट्राइटानोमली #d4ad93 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#c2b280 Ecru ΔE 3.63 #c5b358 Vegas Gold ΔE 5.93 #d2b48c Tan ΔE 6.35 #deb887 Burly Wood ΔE 6.37 #bdb76b Dark Khaki ΔE 6.75 #bcb88a Sage ΔE 7.52 #b5a642 Brass ΔE 8.72 #334c8a उल्टा रंग #b5b5b5 ग्रेस्केल 

Ecru
#ccb375  rgb(204, 179, 117)  hsl(43, 46%, 63%)  Ecru
#758ecc  rgb(117, 142, 204)  hsl(223, 46%, 63%)  Glaucous
#75ccb3  rgb(117, 204, 179)  hsl(163, 46%, 63%)  Medium Aquamarine
#b375cc  rgb(179, 117, 204)  hsl(283, 46%, 63%)  Floral Lavender