ColorTool
लॉग इन
#97BBD2

#97bbd2 ≈ Pastel Blue

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

#97bbd2 “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 59.22% लाल, 73.33% हरे और 82.35% नीले से बना है; CMYK प्रिंट में इसमें 28.1% सियान, 10.95% मैजेंटा, 0% पीला और 17.65% काला लगता है। HSL में इसका ह्यू कोण 203.39°, संतृप्ति 39.6% और चमक 70.78% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.35:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pastel Blue (#aec6cf) है, ΔE 6.24।

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

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

पूरक

  1. #97bbd2
  2. #d2ae97

विभाजित पूरक

  1. #97bbd2
  2. #d2979d
  3. #d2cb97

समरूप

  1. #97d2cb
  2. #97bbd2
  3. #979dd2

त्रिक

  1. #97bbd2
  2. #d297bb
  3. #bbd297

चतुष्क

  1. #97bbd2
  2. #ae97d2
  3. #d2ae97
  4. #bbd297

वर्ग

  1. #97bbd2
  2. #cb97d2
  3. #d2ae97
  4. #9dd297

एकरंगी

  1. #3f7191
  2. #6298bb
  3. #97bbd2
  4. #ccdee9
  5. #f1f6f9

शेड

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

  1. #97bbd2
  2. #88a8bd
  3. #7996a8
  4. #6a8393
  5. #5b707e
  6. #4c5e69
  7. #3c4b54
  8. #2d383f
  9. #1e252a
  10. #0f1315
  11. #000000

टिंट

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

  1. #97bbd2
  2. #a1c2d7
  3. #acc9db
  4. #b6cfe0
  5. #c1d6e4
  6. #cbdde9
  7. #d5e4ed
  8. #e0ebf2
  9. #eaf1f6
  10. #f5f8fb
  11. #ffffff

टोन

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

  1. #97bbd2
  2. #95b5ca
  3. #92afc2
  4. #90a9b9
  5. #8ea3b1
  6. #8c9ea9
  7. #8998a1
  8. #879299
  9. #858c90
  10. #828688
  11. #808080

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

अक्रोमैटोप्सिया #b6b6b6 ≈ 0.003% पुरुष
अक्रोमैटोमली #aab8c2 ≈ 0.001% पुरुष
प्रोटानोपिया #b1bad3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #a9b3d2 ≈ 1.27% पुरुष
ट्राइटानोपिया #85c1c2 ≈ 0.0001% पुरुष
प्रोटानोमली #a7bad3 ≈ 1.08% पुरुष
ड्यूटेरानोमली #a2b6d2 ≈ 4.63% पुरुष
ट्राइटानोमली #8dbfc9 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-97bbd2 {
  color: #97bbd2;
}
बैकग्राउंड
.bg-97bbd2 {
  background-color: #97bbd2;
  color: #000000;
}
बॉर्डर
.border-97bbd2 {
  border: 2px solid #97bbd2;
}
CSS वेरिएबल
:root {
  --color-primary: #97bbd2;
  --color-primary-rgb: 151 187 210;
  --color-primary-hsl: 203 40% 71%;
}
ग्रेडिएंट
.gradient-97bbd2 {
  background: linear-gradient(135deg, #97bbd2, #979dd2);
}
रंगीन छाया
.shadow-97bbd2 {
  box-shadow: 0 8px 24px rgb(151 187 210 / 0.35);
}

#aec6cf Pastel Blue ΔE 6.24 #b0c4de Light Steel Blue ΔE 6.55 #73a9c2 Moonstone Blue ΔE 6.93 #89cff0 Baby Blue ΔE 7.09 #87ceeb Sky Blue ΔE 7.21 #bcd4e6 Pale Aqua ΔE 7.48 #87cefa Light Sky Blue ΔE 7.66 #68442d उल्टा रंग #b6b6b6 ग्रेस्केल 

Pastel Blue
#97bbd2  rgb(151, 187, 210)  hsl(203, 40%, 71%)  Pastel Blue
#d2ae97  rgb(210, 174, 151)  hsl(23, 40%, 71%)  Tumbleweed
#d297bb  rgb(210, 151, 187)  hsl(323, 40%, 71%)  Lilac
#bbd297  rgb(187, 210, 151)  hsl(83, 40%, 71%)  Granny Smith Apple