#2E4E57

#2e4e57 ≈ Dark Slate Gray

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

#2e4e57 “सियान” परिवार का रंग है; इसकी चमक कम और संतृप्ति हल्की है। RGB मॉडल में यह 18.04% लाल, 30.59% हरे और 34.12% नीले से बना है; CMYK प्रिंट में इसमें 47.13% सियान, 10.34% मैजेंटा, 0% पीला और 65.88% काला लगता है। HSL में इसका ह्यू कोण 193.17°, संतृप्ति 30.83% और चमक 26.08% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और लग्ज़री ब्रांड के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 8.96:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Dark Slate Gray (#2f4f4f) है, ΔE 5.09।

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

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

शेड

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

  1. #2e4e57
  2. #29464e
  3. #253e46
  4. #20373d
  5. #1c2f34
  6. #17272c
  7. #121f23
  8. #0e171a
  9. #091011
  10. #050809
  11. #000000

टिंट

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

  1. #2e4e57
  2. #436068
  3. #587179
  4. #6d8389
  5. #82959a
  6. #97a7ab
  7. #abb8bc
  8. #c0cacd
  9. #d5dcdd
  10. #eaedee
  11. #ffffff

टोन

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

  1. #2e4e57
  2. #36535b
  3. #3e585f
  4. #475d63
  5. #4f6267
  6. #57676c
  7. #5f6c70
  8. #677174
  9. #707678
  10. #787b7c
  11. #808080

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

अक्रोमैटोप्सिया #494949 ≈ 0.003% पुरुष
अक्रोमैटोमली #404b4f ≈ 0.001% पुरुष
प्रोटानोपिया #484c58 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #424757 ≈ 1.27% पुरुष
ट्राइटानोपिया #1c5151 ≈ 0.0001% पुरुष
प्रोटानोमली #3f4d57 ≈ 1.08% पुरुष
ड्यूटेरानोमली #3b4a57 ≈ 4.63% पुरुष
ट्राइटानोमली #245053 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Dark Slate Gray
#2e4e57  rgb(46, 78, 87)  hsl(193, 31%, 26%)  Dark Slate Gray
#57372e  rgb(87, 55, 46)  hsl(13, 31%, 26%)  Caput Mortuum
#572e4e  rgb(87, 46, 78)  hsl(313, 31%, 26%)  Eggplant
#4e572e  rgb(78, 87, 46)  hsl(73, 31%, 26%)  Army Green