ColorTool
लॉग इन
#CBDFD8

#cbdfd8 ≈ Opal

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

#cbdfd8 “हरा-नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 79.61% लाल, 87.45% हरे और 84.71% नीले से बना है; CMYK प्रिंट में इसमें 8.97% सियान, 0% मैजेंटा, 3.14% पीला और 12.55% काला लगता है। HSL में इसका ह्यू कोण 159°, संतृप्ति 23.81% और चमक 83.53% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.09:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Opal (#a8c3bc) है, ΔE 7.54।

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

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

पूरक

  1. #cbdfd8
  2. #dfcbd2

विभाजित पूरक

  1. #cbdfd8
  2. #dfcbdc
  3. #dfcecb

समरूप

  1. #cbdfce
  2. #cbdfd8
  3. #cbdcdf

त्रिक

  1. #cbdfd8
  2. #d8cbdf
  3. #dfd8cb

चतुष्क

  1. #cbdfd8
  2. #cbd2df
  3. #dfcbd2
  4. #dfd8cb

वर्ग

  1. #cbdfd8
  2. #cecbdf
  3. #dfcbd2
  4. #dcdfcb

एकरंगी

  1. #6ca591
  2. #9cc2b4
  3. #cbdfd8
  4. #f2f7f6
  5. #f2f7f6

शेड

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

  1. #cbdfd8
  2. #b7c9c2
  3. #a2b2ad
  4. #8e9c97
  5. #7a8682
  6. #66706c
  7. #515956
  8. #3d4341
  9. #292d2b
  10. #141616
  11. #000000

टिंट

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

  1. #cbdfd8
  2. #d0e2dc
  3. #d5e5e0
  4. #dbe9e4
  5. #e0ece8
  6. #e5efec
  7. #eaf2ef
  8. #eff5f3
  9. #f5f9f7
  10. #fafcfb
  11. #ffffff

टोन

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

  1. #cbdfd8
  2. #c4d6cf
  3. #bcccc6
  4. #b5c3be
  5. #adb9b5
  6. #a6b0ac
  7. #9ea6a3
  8. #979d9a
  9. #8f9392
  10. #888a89
  11. #808080

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

अक्रोमैटोप्सिया #dadada ≈ 0.003% पुरुष
अक्रोमैटोमली #d4dcd9 ≈ 0.001% पुरुष
प्रोटानोपिया #dedcd8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #dad9d8 ≈ 1.27% पुरुष
ट्राइटानोपिया #c7dfdd ≈ 0.0001% पुरुष
प्रोटानोमली #d6ddd8 ≈ 1.08% पुरुष
ड्यूटेरानोमली #d4dcd8 ≈ 4.63% पुरुष
ट्राइटानोमली #c9dfdb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#a8c3bc Opal ΔE 7.54 #e0ffff Light Cyan ΔE 7.72 #f0fff0 Honeydew ΔE 7.79 #f0ffff Azure ΔE 8.24 #b2beb5 Ash Gray ΔE 8.25 #f5fffa Mint Cream ΔE 8.32 #b0e0e6 Powder Blue ΔE 8.48 #342027 उल्टा रंग #dadada ग्रेस्केल 

Opal
#cbdfd8  rgb(203, 223, 216)  hsl(159, 24%, 84%)  Opal
#dfcbd2  rgb(223, 203, 210)  hsl(339, 24%, 84%)  Languid Lavender
#d8cbdf  rgb(216, 203, 223)  hsl(279, 24%, 84%)  Languid Lavender
#dfd8cb  rgb(223, 216, 203)  hsl(39, 24%, 84%)  Bone