#2C4EAF

#2c4eaf ≈ Sapphire

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

#2c4eaf “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 17.25% लाल, 30.59% हरे और 68.63% नीले से बना है; CMYK प्रिंट में इसमें 74.86% सियान, 55.43% मैजेंटा, 0% पीला और 31.37% काला लगता है। HSL में इसका ह्यू कोण 224.43°, संतृप्ति 59.82% और चमक 42.94% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 7.46:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Sapphire (#0f52ba) है, ΔE 2.81।

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

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

शेड

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

  1. #2c4eaf
  2. #28469e
  3. #233e8c
  4. #1f377b
  5. #1a2f69
  6. #162758
  7. #121f46
  8. #0d1735
  9. #091023
  10. #040812
  11. #000000

टिंट

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

  1. #2c4eaf
  2. #4160b7
  3. #5671bf
  4. #6b83c7
  5. #8095cf
  6. #96a7d7
  7. #abb8df
  8. #c0cae7
  9. #d5dcef
  10. #eaedf7
  11. #ffffff

टोन

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

  1. #2c4eaf
  2. #3453aa
  3. #3d58a6
  4. #455da1
  5. #4e629c
  6. #566798
  7. #5e6c93
  8. #67718e
  9. #6f7689
  10. #787b85
  11. #808080

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

अक्रोमैटोप्सिया #555555 ≈ 0.003% पुरुष
अक्रोमैटोमली #485283 ≈ 0.001% पुरुष
प्रोटानोपिया #005bb2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #004fad ≈ 1.27% पुरुष
ट्राइटानोपिया #006677 ≈ 0.0001% पुरुष
प्रोटानोमली #1656b1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #004fae ≈ 4.63% पुरुष
ट्राइटानोमली #005d91 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-2c4eaf {
  color: #2c4eaf;
}
बैकग्राउंड
.bg-2c4eaf {
  background-color: #2c4eaf;
  color: #ffffff;
}
बॉर्डर
.border-2c4eaf {
  border: 2px solid #2c4eaf;
}
CSS वेरिएबल
:root {
  --color-primary: #2c4eaf;
  --color-primary-rgb: 44 78 175;
  --color-primary-hsl: 224 60% 43%;
}
ग्रेडिएंट
.gradient-2c4eaf {
  background: linear-gradient(135deg, #2c4eaf, #4c2caf);
}
रंगीन छाया
.shadow-2c4eaf {
  box-shadow: 0 8px 24px rgb(44 78 175 / 0.35);
}

Sapphire
#2c4eaf  rgb(44, 78, 175)  hsl(224, 60%, 43%)  Sapphire
#af8d2c  rgb(175, 141, 44)  hsl(44, 60%, 43%)  Dark Goldenrod
#af2c4e  rgb(175, 44, 78)  hsl(344, 60%, 43%)  Vivid Burgundy
#4eaf2c  rgb(78, 175, 44)  hsl(104, 60%, 43%)  Kelly Green