#C0A768

#c0a768 ≈ Ecru

  • पीला
  • चमक: मध्यम
  • संतृप्ति: मध्यम
  • गर्म

#c0a768 “पीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 75.29% लाल, 65.49% हरे और 40.78% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 13.02% मैजेंटा, 45.83% पीला और 24.71% काला लगता है। HSL में इसका ह्यू कोण 42.95°, संतृप्ति 41.12% और चमक 58.04% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 8.97:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ecru (#c2b280) है, ΔE 4.7।

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

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

शेड

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

  1. #c0a768
  2. #ad965e
  3. #9a8653
  4. #867549
  5. #73643e
  6. #605434
  7. #4d432a
  8. #3a321f
  9. #262115
  10. #13110a
  11. #000000

टिंट

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

  1. #c0a768
  2. #c6b077
  3. #cdb986
  4. #d3c195
  5. #d9caa4
  6. #e0d3b4
  7. #e6dcc3
  8. #ece5d2
  9. #f2ede1
  10. #f9f6f0
  11. #ffffff

टोन

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

  1. #c0a768
  2. #baa36a
  3. #b39f6d
  4. #ad9b6f
  5. #a69772
  6. #a09474
  7. #9a9076
  8. #938c79
  9. #8d887b
  10. #86847e
  11. #808080

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

अक्रोमैटोप्सिया #a9a9a9 ≈ 0.003% पुरुष
अक्रोमैटोमली #b3a894 ≈ 0.001% पुरुष
प्रोटानोपिया #b4a563 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #bbac6a ≈ 1.27% पुरुष
ट्राइटानोपिया #cd9d98 ≈ 0.0001% पुरुष
प्रोटानोमली #b9a665 ≈ 1.08% पुरुष
ड्यूटेरानोमली #bdaa69 ≈ 4.63% पुरुष
ट्राइटानोमली #c8a187 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Ecru
#c0a768  rgb(192, 167, 104)  hsl(43, 41%, 58%)  Ecru
#6881c0  rgb(104, 129, 192)  hsl(223, 41%, 58%)  Glaucous
#68c0a7  rgb(104, 192, 167)  hsl(163, 41%, 58%)  Medium Aquamarine
#a768c0  rgb(167, 104, 192)  hsl(283, 41%, 58%)  Amethyst