#2A4453

#2a4453 ≈ Charcoal

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

#2a4453 “आसमानी” परिवार का रंग है; इसकी चमक कम और संतृप्ति हल्की है। RGB मॉडल में यह 16.47% लाल, 26.67% हरे और 32.55% नीले से बना है; CMYK प्रिंट में इसमें 49.4% सियान, 18.07% मैजेंटा, 0% पीला और 67.45% काला लगता है। HSL में इसका ह्यू कोण 201.95°, संतृप्ति 32.8% और चमक 24.51% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और लग्ज़री ब्रांड के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 10.24:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Charcoal (#36454f) है, ΔE 3.39।

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

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

शेड

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

  1. #2a4453
  2. #263d4b
  3. #223642
  4. #1d303a
  5. #192932
  6. #15222a
  7. #111b21
  8. #0d1419
  9. #080e11
  10. #040708
  11. #000000

टिंट

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

  1. #2a4453
  2. #3f5764
  3. #556975
  4. #6a7c87
  5. #7f8f98
  6. #95a2a9
  7. #aab4ba
  8. #bfc7cb
  9. #d4dadd
  10. #eaecee
  11. #ffffff

टोन

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

  1. #2a4453
  2. #334a58
  3. #3b505c
  4. #445661
  5. #4c5c65
  6. #55626a
  7. #5e686e
  8. #666e73
  9. #6f7477
  10. #777a7c
  11. #808080

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

अक्रोमैटोप्सिया #414141 ≈ 0.003% पुरुष
अक्रोमैटोमली #394249 ≈ 0.001% पुरुष
प्रोटानोपिया #3d4354 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #373f53 ≈ 1.27% पुरुष
ट्राइटानोपिया #184849 ≈ 0.0001% पुरुष
प्रोटानोमली #364453 ≈ 1.08% पुरुष
ड्यूटेरानोमली #324153 ≈ 4.63% पुरुष
ट्राइटानोमली #20464d ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-2a4453 {
  color: #2a4453;
}
बैकग्राउंड
.bg-2a4453 {
  background-color: #2a4453;
  color: #ffffff;
}
बॉर्डर
.border-2a4453 {
  border: 2px solid #2a4453;
}
CSS वेरिएबल
:root {
  --color-primary: #2a4453;
  --color-primary-rgb: 42 68 83;
  --color-primary-hsl: 202 33% 25%;
}
ग्रेडिएंट
.gradient-2a4453 {
  background: linear-gradient(135deg, #2a4453, #2a3053);
}
रंगीन छाया
.shadow-2a4453 {
  box-shadow: 0 8px 24px rgb(42 68 83 / 0.35);
}

Charcoal
#2a4453  rgb(42, 68, 83)  hsl(202, 33%, 25%)  Charcoal
#53392a  rgb(83, 57, 42)  hsl(22, 33%, 25%)  Bistre
#532a44  rgb(83, 42, 68)  hsl(322, 33%, 25%)  Eggplant
#44532a  rgb(68, 83, 42)  hsl(82, 33%, 25%)  Army Green