ColorTool
लॉग इन
#37ABD6

#37abd6 ≈ Moonstone Blue

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

#37abd6 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 21.57% लाल, 67.06% हरे और 83.92% नीले से बना है; CMYK प्रिंट में इसमें 74.3% सियान, 20.09% मैजेंटा, 0% पीला और 16.08% काला लगता है। HSL में इसका ह्यू कोण 196.23°, संतृप्ति 65.98% और चमक 52.75% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 7.96:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Moonstone Blue (#73a9c2) है, ΔE 6.25।

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

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

पूरक

  1. #37abd6
  2. #d66237

विभाजित पूरक

  1. #37abd6
  2. #d6375c
  3. #d6b237

समरूप

  1. #37d6b2
  2. #37abd6
  3. #375cd6

त्रिक

  1. #37abd6
  2. #d637ab
  3. #abd637

चतुष्क

  1. #37abd6
  2. #6237d6
  3. #d66237
  4. #abd637

वर्ग

  1. #37abd6
  2. #b237d6
  3. #d66237
  4. #5cd637

एकरंगी

  1. #144c60
  2. #217da0
  3. #37abd6
  4. #77c6e3
  5. #b6e0f0

शेड

#37abd6 में धीरे-धीरे काला मिलाया गया।

  1. #37abd6
  2. #329ac1
  3. #2c89ab
  4. #277896
  5. #216780
  6. #1c566b
  7. #164456
  8. #113340
  9. #0b222b
  10. #061115
  11. #000000

टिंट

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

  1. #37abd6
  2. #4bb3da
  3. #5fbcde
  4. #73c4e2
  5. #87cde6
  6. #9bd5eb
  7. #afddef
  8. #c3e6f3
  9. #d7eef7
  10. #ebf7fb
  11. #ffffff

टोन

#37abd6 में धीरे-धीरे ग्रे मिलाया गया।

  1. #37abd6
  2. #3ea7cd
  3. #46a2c5
  4. #4d9ebc
  5. #549ab4
  6. #5c96ab
  7. #6391a2
  8. #6a8d9a
  9. #718991
  10. #798489
  11. #808080

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

अक्रोमैटोप्सिया #9f9f9f ≈ 0.003% पुरुष
अक्रोमैटोमली #82a4b8 ≈ 0.001% पुरुष
प्रोटानोपिया #94a8d8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #7f99d5 ≈ 1.27% पुरुष
ट्राइटानोपिया #00b7b9 ≈ 0.0001% पुरुष
प्रोटानोमली #7aa9d7 ≈ 1.08% पुरुष
ड्यूटेरानोमली #69a0d6 ≈ 4.63% पुरुष
ट्राइटानोमली #00b3c5 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-37abd6 {
  color: #37abd6;
}
बैकग्राउंड
.bg-37abd6 {
  background-color: #37abd6;
  color: #000000;
}
बॉर्डर
.border-37abd6 {
  border: 2px solid #37abd6;
}
CSS वेरिएबल
:root {
  --color-primary: #37abd6;
  --color-primary-rgb: 55 171 214;
  --color-primary-hsl: 196 66% 53%;
}
ग्रेडिएंट
.gradient-37abd6 {
  background: linear-gradient(135deg, #37abd6, #375cd6);
}
रंगीन छाया
.shadow-37abd6 {
  box-shadow: 0 8px 24px rgb(55 171 214 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 6.25 #56a0d3 Carolina Blue ΔE 6.38 #00bfff Deep Sky Blue ΔE 6.79 #71a6d2 Iceberg ΔE 7.85 #0095b6 Bondi Blue ΔE 8.02 #73c2fb Maya Blue ΔE 9.65 #87ceeb Sky Blue ΔE 11.09 #c85429 उल्टा रंग #9f9f9f ग्रेस्केल 

Moonstone Blue
#37abd6  rgb(55, 171, 214)  hsl(196, 66%, 53%)  Moonstone Blue
#d66237  rgb(214, 98, 55)  hsl(16, 66%, 53%)  Flame
#d637ab  rgb(214, 55, 171)  hsl(316, 66%, 53%)  Shocking Pink
#abd637  rgb(171, 214, 55)  hsl(76, 66%, 53%)  Yellow Green