ColorTool
लॉग इन
#CCC8BB

#ccc8bb ≈ Bone

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

#ccc8bb “पीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 78.43% हरे और 73.33% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 1.96% मैजेंटा, 8.33% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 45.88°, संतृप्ति 14.29% और चमक 76.67% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.55:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Bone (#e3dac9) है, ΔE 5.08।

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

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

पूरक

  1. #ccc8bb
  2. #bbbfcc

विभाजित पूरक

  1. #ccc8bb
  2. #bbc8cc
  3. #c0bbcc

समरूप

  1. #ccc0bb
  2. #ccc8bb
  3. #c8ccbb

त्रिक

  1. #ccc8bb
  2. #bbccc8
  3. #c8bbcc

चतुष्क

  1. #ccc8bb
  2. #bfccbb
  3. #bbbfcc
  4. #c8bbcc

वर्ग

  1. #ccc8bb
  2. #bbccc0
  3. #bbbfcc
  4. #ccbbc8

एकरंगी

  1. #888066
  2. #aba58f
  3. #ccc8bb
  4. #edebe7
  5. #f6f6f3

शेड

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

  1. #ccc8bb
  2. #b8b4a8
  3. #a3a096
  4. #8f8c83
  5. #7a7870
  6. #66645e
  7. #52504b
  8. #3d3c38
  9. #292825
  10. #141413
  11. #000000

टिंट

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

  1. #ccc8bb
  2. #d1cec2
  3. #d6d3c9
  4. #dbd9cf
  5. #e0ded6
  6. #e6e4dd
  7. #ebe9e4
  8. #f0efeb
  9. #f5f4f1
  10. #fafaf8
  11. #ffffff

टोन

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

  1. #ccc8bb
  2. #c4c1b5
  3. #bdbaaf
  4. #b5b2a9
  5. #aeaba3
  6. #a6a49e
  7. #9e9d98
  8. #979692
  9. #8f8e8c
  10. #888786
  11. #808080

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

अक्रोमैटोप्सिया #c8c8c8 ≈ 0.003% पुरुष
अक्रोमैटोमली #cac8c3 ≈ 0.001% पुरुष
प्रोटानोपिया #cbc7ba ≈ 1.01% पुरुष
ड्यूटेरानोपिया #ccc9bb ≈ 1.27% पुरुष
ट्राइटानोपिया #cfc6c4 ≈ 0.0001% पुरुष
प्रोटानोमली #cbc8bb ≈ 1.08% पुरुष
ड्यूटेरानोमली #ccc8bb ≈ 4.63% पुरुष
ट्राइटानोमली #cec7c1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#e3dac9 Bone ΔE 5.08 #dbd7d2 Timberwolf ΔE 5.34 #c0c0c0 Silver ΔE 6.46 #d3d3d3 Light Gray ΔE 6.69 #d3d3d3 Light Grey ΔE 6.69 #eae0c8 Pearl ΔE 7.14 #dcdcdc Gainsboro ΔE 7.76 #333744 उल्टा रंग #c8c8c8 ग्रेस्केल 

Bone
#ccc8bb  rgb(204, 200, 187)  hsl(46, 14%, 77%)  Bone
#bbbfcc  rgb(187, 191, 204)  hsl(226, 14%, 77%)  Silver
#bbccc8  rgb(187, 204, 200)  hsl(166, 14%, 77%)  Ash Gray
#c8bbcc  rgb(200, 187, 204)  hsl(286, 14%, 77%)  Languid Lavender