ColorTool
लॉग इन
#9ABECC

#9abecc ≈ Pastel Blue

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

#9abecc “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 60.39% लाल, 74.51% हरे और 80% नीले से बना है; CMYK प्रिंट में इसमें 24.51% सियान, 6.86% मैजेंटा, 0% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 196.8°, संतृप्ति 32.89% और चमक 70.2% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.61:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Blue (#aec6cf) है, ΔE 4.17।

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

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

पूरक

  1. #9abecc
  2. #cca89a

विभाजित पूरक

  1. #9abecc
  2. #cc9aa5
  3. #ccc19a

समरूप

  1. #9accc1
  2. #9abecc
  3. #9aa5cc

त्रिक

  1. #9abecc
  2. #cc9abe
  3. #becc9a

चतुष्क

  1. #9abecc
  2. #a89acc
  3. #cca89a
  4. #becc9a

वर्ग

  1. #9abecc
  2. #c19acc
  3. #cca89a
  4. #a5cc9a

एकरंगी

  1. #457588
  2. #679db2
  3. #9abecc
  4. #cddfe6
  5. #f1f6f8

शेड

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

  1. #9abecc
  2. #8babb8
  3. #7b98a3
  4. #6c858f
  5. #5c727a
  6. #4d5f66
  7. #3e4c52
  8. #2e393d
  9. #1f2629
  10. #0f1314
  11. #000000

टिंट

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

  1. #9abecc
  2. #a4c5d1
  3. #aecbd6
  4. #b8d2db
  5. #c2d8e0
  6. #cddfe6
  7. #d7e5eb
  8. #e1ecf0
  9. #ebf2f5
  10. #f5f9fa
  11. #ffffff

टोन

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

  1. #9abecc
  2. #97b8c4
  3. #95b2bd
  4. #92abb5
  5. #90a5ae
  6. #8d9fa6
  7. #8a999e
  8. #889397
  9. #858c8f
  10. #838688
  11. #808080

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

अक्रोमैटोप्सिया #b8b8b8 ≈ 0.003% पुरुष
अक्रोमैटोमली #adbbc0 ≈ 0.001% पुरुष
प्रोटानोपिया #b6bccd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #aeb6cc ≈ 1.27% पुरुष
ट्राइटानोपिया #8bc3c2 ≈ 0.0001% पुरुष
प्रोटानोमली #abbdcc ≈ 1.08% पुरुष
ड्यूटेरानोमली #a6b9cc ≈ 4.63% पुरुष
ट्राइटानोमली #91c1c6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#aec6cf Pastel Blue ΔE 4.17 #add8e6 Light Blue ΔE 6.47 #87ceeb Sky Blue ΔE 7.14 #b9d9eb Columbia Blue ΔE 7.40 #89cff0 Baby Blue ΔE 7.68 #bcd4e6 Pale Aqua ΔE 7.74 #73a9c2 Moonstone Blue ΔE 7.80 #654133 उल्टा रंग #b8b8b8 ग्रेस्केल 

Pastel Blue
#9abecc  rgb(154, 190, 204)  hsl(197, 33%, 70%)  Pastel Blue
#cca89a  rgb(204, 168, 154)  hsl(17, 33%, 70%)  Silver Pink
#cc9abe  rgb(204, 154, 190)  hsl(317, 33%, 70%)  Lilac
#becc9a  rgb(190, 204, 154)  hsl(77, 33%, 70%)  Sage