#2C86C1

#2c86c1 ≈ Steel Blue

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

#2c86c1 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 17.25% लाल, 52.55% हरे और 75.69% नीले से बना है; CMYK प्रिंट में इसमें 77.2% सियान, 30.57% मैजेंटा, 0% पीला और 24.31% काला लगता है। HSL में इसका ह्यू कोण 203.76°, संतृप्ति 62.87% और चमक 46.47% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.29:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Steel Blue (#4682b4) है, ΔE 3.03।

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

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

शेड

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

  1. #2c86c1
  2. #2879ae
  3. #236b9a
  4. #1f5e87
  5. #1a5074
  6. #164361
  7. #12364d
  8. #0d283a
  9. #091b27
  10. #040d13
  11. #000000

टिंट

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

  1. #2c86c1
  2. #4192c7
  3. #569ecd
  4. #6baad4
  5. #80b6da
  6. #96c3e0
  7. #abcfe6
  8. #c0dbec
  9. #d5e7f3
  10. #eaf3f9
  11. #ffffff

टोन

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

  1. #2c86c1
  2. #3485bb
  3. #3d85b4
  4. #4584ae
  5. #4e84a7
  6. #5683a1
  7. #5e829a
  8. #678294
  9. #6f818d
  10. #788187
  11. #808080

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

अक्रोमैटोप्सिया #808080 ≈ 0.003% पुरुष
अक्रोमैटोमली #68829e ≈ 0.001% पुरुष
प्रोटानोपिया #6a87c4 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #5679c0 ≈ 1.27% पुरुष
ट्राइटानोपिया #00959b ≈ 0.0001% पुरुष
प्रोटानोमली #5887c3 ≈ 1.08% पुरुष
ड्यूटेरानोमली #497fc0 ≈ 4.63% पुरुष
ट्राइटानोमली #008fab ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Steel Blue
#2c86c1  rgb(44, 134, 193)  hsl(204, 63%, 46%)  Steel Blue
#c1672c  rgb(193, 103, 44)  hsl(24, 63%, 46%)  Chocolate
#c12c86  rgb(193, 44, 134)  hsl(324, 63%, 46%)  Medium Violet Red
#86c12c  rgb(134, 193, 44)  hsl(84, 63%, 46%)  Yellow Green