#8BB5CA

#8bb5ca ≈ Moonstone Blue

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

#8bb5ca “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 54.51% लाल, 70.98% हरे और 79.22% नीले से बना है; CMYK प्रिंट में इसमें 31.19% सियान, 10.4% मैजेंटा, 0% पीला और 20.78% काला लगता है। HSL में इसका ह्यू कोण 200°, संतृप्ति 37.28% और चमक 66.86% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 9.56:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Moonstone Blue (#73a9c2) है, ΔE 4.48।

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

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

शेड

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

  1. #8bb5ca
  2. #7da3b6
  3. #6f91a2
  4. #617f8d
  5. #536d79
  6. #465b65
  7. #384851
  8. #2a363d
  9. #1c2428
  10. #0e1214
  11. #000000

टिंट

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

  1. #8bb5ca
  2. #97bccf
  3. #a2c4d5
  4. #aecbda
  5. #b9d3df
  6. #c5dae5
  7. #d1e1ea
  8. #dce9ef
  9. #e8f0f4
  10. #f3f8fa
  11. #ffffff

टोन

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

  1. #8bb5ca
  2. #8ab0c3
  3. #89aabb
  4. #88a5b4
  5. #87a0ac
  6. #869ba5
  7. #84959e
  8. #839096
  9. #828b8f
  10. #818587
  11. #808080

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

अक्रोमैटोप्सिया #afafaf ≈ 0.003% पुरुष
अक्रोमैटोमली #a2b1ba ≈ 0.001% पुरुष
प्रोटानोपिया #abb3cb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #a1acca ≈ 1.27% पुरुष
ट्राइटानोपिया #77bbbc ≈ 0.0001% पुरुष
प्रोटानोमली #9fb4cb ≈ 1.08% पुरुष
ड्यूटेरानोमली #99b0ca ≈ 4.63% पुरुष
ट्राइटानोमली #7fb9c1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Moonstone Blue
#8bb5ca  rgb(139, 181, 202)  hsl(200, 37%, 67%)  Moonstone Blue
#caa08b  rgb(202, 160, 139)  hsl(20, 37%, 67%)  Tumbleweed
#ca8bb5  rgb(202, 139, 181)  hsl(320, 37%, 67%)  Sky Magenta
#b5ca8b  rgb(181, 202, 139)  hsl(80, 37%, 67%)  Olivine