#4C8BBD

#4c8bbd ≈ Steel Blue

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

#4c8bbd “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 29.8% लाल, 54.51% हरे और 74.12% नीले से बना है; CMYK प्रिंट में इसमें 59.79% सियान, 26.46% मैजेंटा, 0% पीला और 25.88% काला लगता है। HSL में इसका ह्यू कोण 206.55°, संतृप्ति 46.12% और चमक 51.96% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.74:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Steel Blue (#4682b4) है, ΔE 3.26।

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

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

शेड

#4c8bbd में धीरे-धीरे काला मिलाया गया।

  1. #4c8bbd
  2. #447daa
  3. #3d6f97
  4. #356184
  5. #2e5371
  6. #26465f
  7. #1e384c
  8. #172a39
  9. #0f1c26
  10. #080e13
  11. #000000

टिंट

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

  1. #4c8bbd
  2. #5e97c4
  3. #70a2ca
  4. #82aed1
  5. #94b9d7
  6. #a6c5de
  7. #b7d1e5
  8. #c9dceb
  9. #dbe8f2
  10. #edf3f8
  11. #ffffff

टोन

#4c8bbd में धीरे-धीरे ग्रे मिलाया गया।

  1. #4c8bbd
  2. #518ab7
  3. #5689b1
  4. #5c88ab
  5. #6187a5
  6. #66869f
  7. #6b8498
  8. #708392
  9. #76828c
  10. #7b8186
  11. #808080

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

अक्रोमैटोप्सिया #868686 ≈ 0.003% पुरुष
अक्रोमैटोमली #73889f ≈ 0.001% पुरुष
प्रोटानोपिया #758cbf ≈ 1.01% पुरुष
ड्यूटेरानोपिया #6681bc ≈ 1.27% पुरुष
ट्राइटानोपिया #00979c ≈ 0.0001% पुरुष
प्रोटानोमली #678cbe ≈ 1.08% पुरुष
ड्यूटेरानोमली #5d85bc ≈ 4.63% पुरुष
ट्राइटानोमली #2392aa ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Steel Blue
#4c8bbd  rgb(76, 139, 189)  hsl(207, 46%, 52%)  Steel Blue
#bd7e4c  rgb(189, 126, 76)  hsl(27, 46%, 52%)  Copper
#bd4c8b  rgb(189, 76, 139)  hsl(327, 46%, 52%)  Mulberry
#8bbd4c  rgb(139, 189, 76)  hsl(87, 46%, 52%)  Pistachio