#2D8DC8

#2d8dc8 ≈ Steel Blue

  • आसमानी
  • चमक: मध्यम
  • संतृप्ति: तेज़
  • ठंडा

#2d8dc8 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 17.65% लाल, 55.29% हरे और 78.43% नीले से बना है; CMYK प्रिंट में इसमें 77.5% सियान, 29.5% मैजेंटा, 0% पीला और 21.57% काला लगता है। HSL में इसका ह्यू कोण 202.84°, संतृप्ति 63.27% और चमक 48.04% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.76:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Steel Blue (#4682b4) है, ΔE 4.91।

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

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

शेड

#2d8dc8 में धीरे-धीरे काला मिलाया गया।

  1. #2d8dc8
  2. #297fb4
  3. #2471a0
  4. #20638c
  5. #1b5578
  6. #174764
  7. #123850
  8. #0e2a3c
  9. #091c28
  10. #050e14
  11. #000000

टिंट

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

  1. #2d8dc8
  2. #4298ce
  3. #57a4d3
  4. #6cafd9
  5. #81bbde
  6. #96c6e4
  7. #abd1e9
  8. #c0ddef
  9. #d5e8f4
  10. #eaf4fa
  11. #ffffff

टोन

#2d8dc8 में धीरे-धीरे ग्रे मिलाया गया।

  1. #2d8dc8
  2. #358cc1
  3. #3e8aba
  4. #4689b2
  5. #4e88ab
  6. #5787a4
  7. #5f859d
  8. #678496
  9. #6f838e
  10. #788187
  11. #808080

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

अक्रोमैटोप्सिया #868686 ≈ 0.003% पुरुष
अक्रोमैटोमली #6d89a4 ≈ 0.001% पुरुष
प्रोटानोपिया #718ecb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #5c7fc7 ≈ 1.27% पुरुष
ट्राइटानोपिया #009ca2 ≈ 0.0001% पुरुष
प्रोटानोमली #5d8dca ≈ 1.08% पुरुष
ड्यूटेरानोमली #4d85c7 ≈ 4.63% पुरुष
ट्राइटानोमली #0096b2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-2d8dc8 {
  color: #2d8dc8;
}
बैकग्राउंड
.bg-2d8dc8 {
  background-color: #2d8dc8;
  color: #000000;
}
बॉर्डर
.border-2d8dc8 {
  border: 2px solid #2d8dc8;
}
CSS वेरिएबल
:root {
  --color-primary: #2d8dc8;
  --color-primary-rgb: 45 141 200;
  --color-primary-hsl: 203 63% 48%;
}
ग्रेडिएंट
.gradient-2d8dc8 {
  background: linear-gradient(135deg, #2d8dc8, #2d3fc8);
}
रंगीन छाया
.shadow-2d8dc8 {
  box-shadow: 0 8px 24px rgb(45 141 200 / 0.35);
}

Steel Blue
#2d8dc8  rgb(45, 141, 200)  hsl(203, 63%, 48%)  Steel Blue
#c8682d  rgb(200, 104, 45)  hsl(23, 63%, 48%)  Chocolate
#c82d8d  rgb(200, 45, 141)  hsl(323, 63%, 48%)  Medium Violet Red
#8dc82d  rgb(141, 200, 45)  hsl(83, 63%, 48%)  Yellow Green