#228BCA

#228bca ≈ Steel Blue

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

#228bca “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 13.33% लाल, 54.51% हरे और 79.22% नीले से बना है; CMYK प्रिंट में इसमें 83.17% सियान, 31.19% मैजेंटा, 0% पीला और 20.78% काला लगता है। HSL में इसका ह्यू कोण 202.5°, संतृप्ति 71.19% और चमक 46.27% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.61:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Steel Blue (#4682b4) है, ΔE 4.66।

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

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

शेड

#228bca में धीरे-धीरे काला मिलाया गया।

  1. #228bca
  2. #1f7db6
  3. #1b6fa2
  4. #18618d
  5. #145379
  6. #114665
  7. #0e3851
  8. #0a2a3d
  9. #071c28
  10. #030e14
  11. #000000

टिंट

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

  1. #228bca
  2. #3897cf
  3. #4ea2d5
  4. #64aeda
  5. #7ab9df
  6. #91c5e5
  7. #a7d1ea
  8. #bddcef
  9. #d3e8f4
  10. #e9f3fa
  11. #ffffff

टोन

#228bca में धीरे-धीरे ग्रे मिलाया गया।

  1. #228bca
  2. #2b8ac3
  3. #3589bb
  4. #3e88b4
  5. #4887ac
  6. #5186a5
  7. #5a849e
  8. #648396
  9. #6d828f
  10. #778187
  11. #808080

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

अक्रोमैटोप्सिया #848484 ≈ 0.003% पुरुष
अक्रोमैटोमली #6a87a5 ≈ 0.001% पुरुष
प्रोटानोपिया #6d8ccd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #567dc9 ≈ 1.27% पुरुष
ट्राइटानोपिया #009ba1 ≈ 0.0001% पुरुष
प्रोटानोमली #588ccc ≈ 1.08% पुरुष
ड्यूटेरानोमली #4783c9 ≈ 4.63% पुरुष
ट्राइटानोमली #0095b3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Steel Blue
#228bca  rgb(34, 139, 202)  hsl(203, 71%, 46%)  Steel Blue
#ca6122  rgb(202, 97, 34)  hsl(23, 71%, 46%)  Burnt Orange
#ca228b  rgb(202, 34, 139)  hsl(323, 71%, 46%)  Medium Violet Red
#8bca22  rgb(139, 202, 34)  hsl(83, 71%, 46%)  Yellow Green