ColorTool
लॉग इन
#9CCCC1

#9cccc1 ≈ Opal

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

#9cccc1 “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 61.18% लाल, 80% हरे और 75.69% नीले से बना है; CMYK प्रिंट में इसमें 23.53% सियान, 0% मैजेंटा, 5.39% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 166.25°, संतृप्ति 32% और चमक 70.59% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.82:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Opal (#a8c3bc) है, ΔE 5.71।

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

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

पूरक

  1. #9cccc1
  2. #cc9ca7

विभाजित पूरक

  1. #9cccc1
  2. #cc9cbf
  3. #cca99c

समरूप

  1. #9ccca9
  2. #9cccc1
  3. #9cbfcc

त्रिक

  1. #9cccc1
  2. #c19ccc
  3. #ccc19c

चतुष्क

  1. #9cccc1
  2. #9ca7cc
  3. #cc9ca7
  4. #ccc19c

वर्ग

  1. #9cccc1
  2. #a99ccc
  3. #cc9ca7
  4. #bfcc9c

एकरंगी

  1. #468979
  2. #6ab2a1
  3. #9cccc1
  4. #cee6e1
  5. #f2f8f7

शेड

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

  1. #9cccc1
  2. #8cb8ae
  3. #7da39a
  4. #6d8f87
  5. #5e7a74
  6. #4e6661
  7. #3e524d
  8. #2f3d3a
  9. #1f2927
  10. #101413
  11. #000000

टिंट

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

  1. #9cccc1
  2. #a6d1c7
  3. #b0d6cd
  4. #badbd4
  5. #c4e0da
  6. #cee6e0
  7. #d7ebe6
  8. #e1f0ec
  9. #ebf5f3
  10. #f5faf9
  11. #ffffff

टोन

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

  1. #9cccc1
  2. #99c4bb
  3. #96bdb4
  4. #94b5ae
  5. #91aea7
  6. #8ea6a1
  7. #8b9e9a
  8. #889794
  9. #868f8d
  10. #838887
  11. #808080

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

अक्रोमैटोप्सिया #c2c2c2 ≈ 0.003% पुरुष
अक्रोमैटोमली #b4c6c2 ≈ 0.001% पुरुष
प्रोटानोपिया #c8c6c1 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #bfc0c2 ≈ 1.27% पुरुष
ट्राइटानोपिया #8fcec9 ≈ 0.0001% पुरुष
प्रोटानोमली #b8c9c1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b2c5c2 ≈ 4.63% पुरुष
ट्राइटानोमली #95cdc6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-9cccc1 {
  color: #9cccc1;
}
बैकग्राउंड
.bg-9cccc1 {
  background-color: #9cccc1;
  color: #000000;
}
बॉर्डर
.border-9cccc1 {
  border: 2px solid #9cccc1;
}
CSS वेरिएबल
:root {
  --color-primary: #9cccc1;
  --color-primary-rgb: 156 204 193;
  --color-primary-hsl: 166 32% 71%;
}
ग्रेडिएंट
.gradient-9cccc1 {
  background: linear-gradient(135deg, #9cccc1, #9cbfcc);
}
रंगीन छाया
.shadow-9cccc1 {
  box-shadow: 0 8px 24px rgb(156 204 193 / 0.35);
}

#a8c3bc Opal ΔE 5.71 #b0e0e6 Powder Blue ΔE 8.83 #afeeee Pale Turquoise ΔE 9.12 #9fe2bf Seafoam Green ΔE 9.12 #aaf0d1 Magic Mint ΔE 10.22 #48d1cc Medium Turquoise ΔE 10.30 #66cdaa Medium Aquamarine ΔE 10.37 #63333e उल्टा रंग #c2c2c2 ग्रेस्केल 

Opal
#9cccc1  rgb(156, 204, 193)  hsl(166, 32%, 71%)  Opal
#cc9ca7  rgb(204, 156, 167)  hsl(346, 32%, 71%)  Pastel Pink
#c19ccc  rgb(193, 156, 204)  hsl(286, 32%, 71%)  Wisteria
#ccc19c  rgb(204, 193, 156)  hsl(46, 32%, 71%)  Sage