#378DC0

#378dc0 ≈ Steel Blue

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

#378dc0 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 21.57% लाल, 55.29% हरे और 75.29% नीले से बना है; CMYK प्रिंट में इसमें 71.35% सियान, 26.56% मैजेंटा, 0% पीला और 24.71% काला लगता है। HSL में इसका ह्यू कोण 202.34°, संतृप्ति 55.47% और चमक 48.43% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.73:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Steel Blue (#4682b4) है, ΔE 4.81।

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

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

शेड

#378dc0 में धीरे-धीरे काला मिलाया गया।

  1. #378dc0
  2. #327fad
  3. #2c719a
  4. #276386
  5. #215573
  6. #1c4760
  7. #16384d
  8. #112a3a
  9. #0b1c26
  10. #060e13
  11. #000000

टिंट

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

  1. #378dc0
  2. #4b98c6
  3. #5fa4cd
  4. #73afd3
  5. #87bbd9
  6. #9bc6e0
  7. #afd1e6
  8. #c3ddec
  9. #d7e8f2
  10. #ebf4f9
  11. #ffffff

टोन

#378dc0 में धीरे-धीरे ग्रे मिलाया गया।

  1. #378dc0
  2. #3e8cba
  3. #468ab3
  4. #4d89ad
  5. #5488a6
  6. #5c87a0
  7. #63859a
  8. #6a8493
  9. #71838d
  10. #798186
  11. #808080

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

अक्रोमैटोप्सिया #868686 ≈ 0.003% पुरुष
अक्रोमैटोमली #6e89a0 ≈ 0.001% पुरुष
प्रोटानोपिया #758dc2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #6280bf ≈ 1.27% पुरुष
ट्राइटानोपिया #009a9f ≈ 0.0001% पुरुष
प्रोटानोमली #628dc1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #5485bf ≈ 4.63% पुरुष
ट्राइटानोमली #0095ad ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Steel Blue
#378dc0  rgb(55, 141, 192)  hsl(202, 55%, 48%)  Steel Blue
#c06a37  rgb(192, 106, 55)  hsl(22, 55%, 48%)  Chocolate
#c0378d  rgb(192, 55, 141)  hsl(322, 55%, 48%)  Medium Violet Red
#8dc037  rgb(141, 192, 55)  hsl(82, 55%, 48%)  Yellow Green