ColorTool
लॉग इन
#87BDCF

#87bdcf ≈ Sky Blue

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

#87bdcf “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 52.94% लाल, 74.12% हरे और 81.18% नीले से बना है; CMYK प्रिंट में इसमें 34.78% सियान, 8.7% मैजेंटा, 0% पीला और 18.82% काला लगता है। HSL में इसका ह्यू कोण 195°, संतृप्ति 42.86% और चमक 67.06% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.21:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Sky Blue (#87ceeb) है, ΔE 5.35।

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

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

पूरक

  1. #87bdcf
  2. #cf9987

विभाजित पूरक

  1. #87bdcf
  2. #cf8799
  3. #cfbd87

समरूप

  1. #87cfbd
  2. #87bdcf
  3. #8799cf

त्रिक

  1. #87bdcf
  2. #cf87bd
  3. #bdcf87

चतुष्क

  1. #87bdcf
  2. #9987cf
  3. #cf9987
  4. #bdcf87

वर्ग

  1. #87bdcf
  2. #bd87cf
  3. #cf9987
  4. #99cf87

एकरंगी

  1. #367387
  2. #509fb9
  3. #87bdcf
  4. #bedbe5
  5. #f0f7f9

शेड

#87bdcf में धीरे-धीरे काला मिलाया गया।

  1. #87bdcf
  2. #7aaaba
  3. #6c97a6
  4. #5f8491
  5. #51717c
  6. #445f68
  7. #364c53
  8. #29393e
  9. #1b2629
  10. #0e1315
  11. #000000

टिंट

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

  1. #87bdcf
  2. #93c4d4
  3. #9fcad9
  4. #abd1dd
  5. #b7d7e2
  6. #c3dee7
  7. #cfe5ec
  8. #dbebf1
  9. #e7f2f5
  10. #f3f8fa
  11. #ffffff

टोन

#87bdcf में धीरे-धीरे ग्रे मिलाया गया।

  1. #87bdcf
  2. #86b7c7
  3. #86b1bf
  4. #85abb7
  5. #84a5af
  6. #849fa8
  7. #8398a0
  8. #829298
  9. #818c90
  10. #818688
  11. #808080

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

अक्रोमैटोप्सिया #b5b5b5 ≈ 0.003% पुरुष
अक्रोमैटोमली #a4b8c0 ≈ 0.001% पुरुष
प्रोटानोपिया #b2bad0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #a7b1cf ≈ 1.27% पुरुष
ट्राइटानोपिया #6dc3c2 ≈ 0.0001% पुरुष
प्रोटानोमली #a2bbd0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #9bb6cf ≈ 4.63% पुरुष
ट्राइटानोमली #78c1c8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-87bdcf {
  color: #87bdcf;
}
बैकग्राउंड
.bg-87bdcf {
  background-color: #87bdcf;
  color: #000000;
}
बॉर्डर
.border-87bdcf {
  border: 2px solid #87bdcf;
}
CSS वेरिएबल
:root {
  --color-primary: #87bdcf;
  --color-primary-rgb: 135 189 207;
  --color-primary-hsl: 195 43% 67%;
}
ग्रेडिएंट
.gradient-87bdcf {
  background: linear-gradient(135deg, #87bdcf, #8799cf);
}
रंगीन छाया
.shadow-87bdcf {
  box-shadow: 0 8px 24px rgb(135 189 207 / 0.35);
}

#87ceeb Sky Blue ΔE 5.35 #73a9c2 Moonstone Blue ΔE 6.21 #89cff0 Baby Blue ΔE 6.30 #add8e6 Light Blue ΔE 7.54 #aec6cf Pastel Blue ΔE 7.73 #a4dded Non-Photo Blue ΔE 7.97 #87cefa Light Sky Blue ΔE 8.63 #784230 उल्टा रंग #b5b5b5 ग्रेस्केल 

Sky Blue
#87bdcf  rgb(135, 189, 207)  hsl(195, 43%, 67%)  Sky Blue
#cf9987  rgb(207, 153, 135)  hsl(15, 43%, 67%)  Dark Salmon
#cf87bd  rgb(207, 135, 189)  hsl(315, 43%, 67%)  Sky Magenta
#bdcf87  rgb(189, 207, 135)  hsl(75, 43%, 67%)  Olivine