#E24558

#e24558 ≈ Amaranth

  • लाल
  • चमक: मध्यम
  • संतृप्ति: तेज़
  • गर्म

#e24558 “लाल” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 88.63% लाल, 27.06% हरे और 34.51% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 69.47% मैजेंटा, 61.06% पीला और 11.37% काला लगता है। HSL में इसका ह्यू कोण 352.74°, संतृप्ति 73.02% और चमक 57.84% है। यह एक गर्म रंग है, जो अक्सर ऊर्जा, जुनून और तात्कालिकता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.23:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Amaranth (#e52b50) है, ΔE 3.24।

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

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

शेड

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

  1. #e24558
  2. #cb3e4f
  3. #b53746
  4. #9e303e
  5. #882935
  6. #71232c
  7. #5a1c23
  8. #44151a
  9. #2d0e12
  10. #170709
  11. #000000

टिंट

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

  1. #e24558
  2. #e55869
  3. #e86a79
  4. #eb7d8a
  5. #ee8f9b
  6. #f1a2ac
  7. #f3b5bc
  8. #f6c7cd
  9. #f9dade
  10. #fcecee
  11. #ffffff

टोन

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

  1. #e24558
  2. #d84b5c
  3. #ce5160
  4. #c55764
  5. #bb5d68
  6. #b1636c
  7. #a76870
  8. #9d6e74
  9. #947478
  10. #8a7a7c
  11. #808080

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

अक्रोमैटोप्सिया #7f7f7f ≈ 0.003% पुरुष
अक्रोमैटोमली #af6c71 ≈ 0.001% पुरुष
प्रोटानोपिया #6f6a58 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #978b54 ≈ 1.27% पुरुष
ट्राइटानोपिया #f71a4d ≈ 0.0001% पुरुष
प्रोटानोमली #a95d58 ≈ 1.08% पुरुष
ड्यूटेरानोमली #ba7555 ≈ 4.63% पुरुष
ट्राइटानोमली #ef3052 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-e24558 {
  color: #e24558;
}
बैकग्राउंड
.bg-e24558 {
  background-color: #e24558;
  color: #000000;
}
बॉर्डर
.border-e24558 {
  border: 2px solid #e24558;
}
CSS वेरिएबल
:root {
  --color-primary: #e24558;
  --color-primary-rgb: 226 69 88;
  --color-primary-hsl: 353 73% 58%;
}
ग्रेडिएंट
.gradient-e24558 {
  background: linear-gradient(135deg, #e24558, #e28045);
}
रंगीन छाया
.shadow-e24558 {
  box-shadow: 0 8px 24px rgb(226 69 88 / 0.35);
}

Amaranth
#e24558  rgb(226, 69, 88)  hsl(353, 73%, 58%)  Amaranth
#45e2cf  rgb(69, 226, 207)  hsl(173, 73%, 58%)  Turquoise
#58e245  rgb(88, 226, 69)  hsl(113, 73%, 58%)  Malachite
#4558e2  rgb(69, 88, 226)  hsl(233, 73%, 58%)  Majorelle Blue