ColorTool
लॉग इन
#5BB7CF

#5bb7cf ≈ Moonstone Blue

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

#5bb7cf “सियान” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 35.69% लाल, 71.76% हरे और 81.18% नीले से बना है; CMYK प्रिंट में इसमें 56.04% सियान, 11.59% मैजेंटा, 0% पीला और 18.82% काला लगता है। HSL में इसका ह्यू कोण 192.41°, संतृप्ति 54.72% और चमक 58.43% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 9.12:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Moonstone Blue (#73a9c2) है, ΔE 6.28।

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

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

पूरक

  1. #5bb7cf
  2. #cf735b

विभाजित पूरक

  1. #5bb7cf
  2. #cf5b7d
  3. #cfad5b

समरूप

  1. #5bcfad
  2. #5bb7cf
  3. #5b7dcf

त्रिक

  1. #5bb7cf
  2. #cf5bb7
  3. #b7cf5b

चतुष्क

  1. #5bb7cf
  2. #735bcf
  3. #cf735b
  4. #b7cf5b

वर्ग

  1. #5bb7cf
  2. #ad5bcf
  3. #cf735b
  4. #7dcf5b

एकरंगी

  1. #216070
  2. #3292ab
  3. #5bb7cf
  4. #96d1e0
  5. #d1ebf2

शेड

#5bb7cf में धीरे-धीरे काला मिलाया गया।

  1. #5bb7cf
  2. #52a5ba
  3. #4992a6
  4. #408091
  5. #376e7c
  6. #2e5c68
  7. #244953
  8. #1b373e
  9. #122529
  10. #091215
  11. #000000

टिंट

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

  1. #5bb7cf
  2. #6bbed4
  3. #7cc5d9
  4. #8ccddd
  5. #9dd4e2
  6. #addbe7
  7. #bde2ec
  8. #cee9f1
  9. #def1f5
  10. #eff8fa
  11. #ffffff

टोन

#5bb7cf में धीरे-धीरे ग्रे मिलाया गया।

  1. #5bb7cf
  2. #5fb2c7
  3. #62acbf
  4. #66a7b7
  5. #6aa1af
  6. #6e9ca8
  7. #7196a0
  8. #759198
  9. #798b90
  10. #7c8688
  11. #808080

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

अक्रोमैटोप्सिया #ababab ≈ 0.003% पुरुष
अक्रोमैटोमली #92b0ba ≈ 0.001% पुरुष
प्रोटानोपिया #a7b2d0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #96a5cf ≈ 1.27% पुरुष
ट्राइटानोपिया #00c0be ≈ 0.0001% पुरुष
प्रोटानोमली #8fb4d0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #82adcf ≈ 4.63% पुरुष
ट्राइटानोमली #32bcc5 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-5bb7cf {
  color: #5bb7cf;
}
बैकग्राउंड
.bg-5bb7cf {
  background-color: #5bb7cf;
  color: #000000;
}
बॉर्डर
.border-5bb7cf {
  border: 2px solid #5bb7cf;
}
CSS वेरिएबल
:root {
  --color-primary: #5bb7cf;
  --color-primary-rgb: 91 183 207;
  --color-primary-hsl: 192 55% 58%;
}
ग्रेडिएंट
.gradient-5bb7cf {
  background: linear-gradient(135deg, #5bb7cf, #5b7dcf);
}
रंगीन छाया
.shadow-5bb7cf {
  box-shadow: 0 8px 24px rgb(91 183 207 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 6.28 #87ceeb Sky Blue ΔE 7.70 #89cff0 Baby Blue ΔE 8.62 #00bfff Deep Sky Blue ΔE 9.70 #87cefa Light Sky Blue ΔE 10.47 #5f9ea0 Cadet Blue ΔE 10.65 #71a6d2 Iceberg ΔE 10.97 #a44830 उल्टा रंग #ababab ग्रेस्केल 

Moonstone Blue
#5bb7cf  rgb(91, 183, 207)  hsl(192, 55%, 58%)  Moonstone Blue
#cf735b  rgb(207, 115, 91)  hsl(12, 55%, 58%)  Terra Cotta
#cf5bb7  rgb(207, 91, 183)  hsl(312, 55%, 58%)  Sky Magenta
#b7cf5b  rgb(183, 207, 91)  hsl(72, 55%, 58%)  June Bud