ColorTool
लॉग इन
#97DCFF

#97dcff ≈ Baby Blue

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

#97dcff “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 59.22% लाल, 86.27% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 40.78% सियान, 13.73% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 200.19°, संतृप्ति 100% और चमक 79.61% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 14:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Baby Blue (#89cff0) है, ΔE 3.26।

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

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

पूरक

  1. #97dcff
  2. #ffba97

विभाजित पूरक

  1. #97dcff
  2. #ff97a8
  3. #ffee97

समरूप

  1. #97ffee
  2. #97dcff
  3. #97a8ff

त्रिक

  1. #97dcff
  2. #ff97dc
  3. #dcff97

चतुष्क

  1. #97dcff
  2. #ba97ff
  3. #ffba97
  4. #dcff97

वर्ग

  1. #97dcff
  2. #ee97ff
  3. #ffba97
  4. #a8ff97

एकरंगी

  1. #00a8fd
  2. #4bc2ff
  3. #97dcff
  4. #e4f6ff
  5. #ebf8ff

शेड

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

  1. #97dcff
  2. #88c6e6
  3. #79b0cc
  4. #6a9ab3
  5. #5b8499
  6. #4c6e80
  7. #3c5866
  8. #2d424d
  9. #1e2c33
  10. #0f161a
  11. #000000

टिंट

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

  1. #97dcff
  2. #a1e0ff
  3. #ace3ff
  4. #b6e7ff
  5. #c1eaff
  6. #cbeeff
  7. #d5f1ff
  8. #e0f5ff
  9. #eaf8ff
  10. #f5fcff
  11. #ffffff

टोन

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

  1. #97dcff
  2. #95d3f2
  3. #92cae6
  4. #90c0d9
  5. #8eb7cc
  6. #8caec0
  7. #89a5b3
  8. #879ca6
  9. #859299
  10. #82898d
  11. #808080

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

अक्रोमैटोप्सिया #d3d3d3 ≈ 0.003% पुरुष
अक्रोमैटोमली #bed7e6 ≈ 0.001% पुरुष
प्रोटानोपिया #cbd9ff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #bcceff ≈ 1.27% पुरुष
ट्राइटानोपिया #6ee6e7 ≈ 0.0001% पुरुष
प्रोटानोमली #b8daff ≈ 1.08% पुरुष
ड्यूटेरानोमली #aed4ff ≈ 4.63% पुरुष
ट्राइटानोमली #80e2f1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#89cff0 Baby Blue ΔE 3.26 #87ceeb Sky Blue ΔE 4.08 #87cefa Light Sky Blue ΔE 4.13 #a4dded Non-Photo Blue ΔE 5.87 #add8e6 Light Blue ΔE 6.66 #b9d9eb Columbia Blue ΔE 7.02 #73c2fb Maya Blue ΔE 8.13 #682300 उल्टा रंग #d3d3d3 ग्रेस्केल 

Baby Blue
#97dcff  rgb(151, 220, 255)  hsl(200, 100%, 80%)  Baby Blue
#ffba97  rgb(255, 186, 151)  hsl(20, 100%, 80%)  Tumbleweed
#ff97dc  rgb(255, 151, 220)  hsl(320, 100%, 80%)  Persian Pink
#dcff97  rgb(220, 255, 151)  hsl(80, 100%, 80%)  Inchworm