#AACCBC

#aaccbc ≈ Opal

  • हरा-नीला
  • चमक: अधिक
  • संतृप्ति: हल्की
  • संतुलित

#aaccbc “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 66.67% लाल, 80% हरे और 73.73% नीले से बना है; CMYK प्रिंट में इसमें 16.67% सियान, 0% मैजेंटा, 7.84% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 151.76°, संतृप्ति 25% और चमक 73.33% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.07:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Opal (#a8c3bc) है, ΔE 4.52।

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

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

शेड

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

  1. #aaccbc
  2. #99b8a9
  3. #88a396
  4. #778f84
  5. #667a71
  6. #55665e
  7. #44524b
  8. #333d38
  9. #222926
  10. #111413
  11. #000000

टिंट

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

  1. #aaccbc
  2. #b3d1c3
  3. #bbd6c9
  4. #c4dbd0
  5. #cce0d7
  6. #d5e6de
  7. #ddebe4
  8. #e6f0eb
  9. #eef5f2
  10. #f7faf8
  11. #ffffff

टोन

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

  1. #aaccbc
  2. #a6c4b6
  3. #a2bdb0
  4. #9db5aa
  5. #99aea4
  6. #95a69e
  7. #919e98
  8. #8d9792
  9. #888f8c
  10. #848886
  11. #808080

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

अक्रोमैटोप्सिया #c4c4c4 ≈ 0.003% पुरुष
अक्रोमैटोमली #bac7c1 ≈ 0.001% पुरुष
प्रोटानोपिया #cac7bb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c4c2bd ≈ 1.27% पुरुष
ट्राइटानोपिया #a3ccc7 ≈ 0.0001% पुरुष
प्रोटानोमली #bec9bc ≈ 1.08% पुरुष
ड्यूटेरानोमली #bac6bd ≈ 4.63% पुरुष
ट्राइटानोमली #a6ccc3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Opal
#aaccbc  rgb(170, 204, 188)  hsl(152, 25%, 73%)  Opal
#ccaaba  rgb(204, 170, 186)  hsl(332, 25%, 73%)  Pastel Purple
#bcaacc  rgb(188, 170, 204)  hsl(272, 25%, 73%)  Pastel Purple
#ccbcaa  rgb(204, 188, 170)  hsl(32, 25%, 73%)  Tan