#8AB4CC

#8ab4cc ≈ Moonstone Blue

  • आसमानी
  • चमक: अधिक
  • संतृप्ति: मध्यम
  • ठंडा

#8ab4cc “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 54.12% लाल, 70.59% हरे और 80% नीले से बना है; CMYK प्रिंट में इसमें 32.35% सियान, 11.76% मैजेंटा, 0% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 201.82°, संतृप्ति 39.29% और चमक 67.06% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 9.48:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Moonstone Blue (#73a9c2) है, ΔE 4.38।

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

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

शेड

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

  1. #8ab4cc
  2. #7ca2b8
  3. #6e90a3
  4. #617e8f
  5. #536c7a
  6. #455a66
  7. #374852
  8. #29363d
  9. #1c2429
  10. #0e1214
  11. #000000

टिंट

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

  1. #8ab4cc
  2. #96bcd1
  3. #a1c3d6
  4. #adcbdb
  5. #b9d2e0
  6. #c5dae6
  7. #d0e1eb
  8. #dce9f0
  9. #e8f0f5
  10. #f3f8fa
  11. #ffffff

टोन

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

  1. #8ab4cc
  2. #89afc4
  3. #88aabd
  4. #87a4b5
  5. #869fae
  6. #859aa6
  7. #84959e
  8. #839097
  9. #828a8f
  10. #818588
  11. #808080

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

अक्रोमैटोप्सिया #aeaeae ≈ 0.003% पुरुष
अक्रोमैटोमली #a1b1bb ≈ 0.001% पुरुष
प्रोटानोपिया #a9b2cd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #9fabcc ≈ 1.27% पुरुष
ट्राइटानोपिया #74bbbc ≈ 0.0001% पुरुष
प्रोटानोमली #9db3cd ≈ 1.08% पुरुष
ड्यूटेरानोमली #97afcc ≈ 4.63% पुरुष
ट्राइटानोमली #7eb8c2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Moonstone Blue
#8ab4cc  rgb(138, 180, 204)  hsl(202, 39%, 67%)  Moonstone Blue
#cca28a  rgb(204, 162, 138)  hsl(22, 39%, 67%)  Tumbleweed
#cc8ab4  rgb(204, 138, 180)  hsl(322, 39%, 67%)  Sky Magenta
#b4cc8a  rgb(180, 204, 138)  hsl(82, 39%, 67%)  Olivine