#E22153

#e22153 ≈ Amaranth

  • गुलाबी-लाल
  • चमक: मध्यम
  • संतृप्ति: बहुत चटक
  • गर्म

#e22153 “गुलाबी-लाल” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति बहुत चटक है। RGB मॉडल में यह 88.63% लाल, 12.94% हरे और 32.55% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 85.4% मैजेंटा, 63.27% पीला और 11.37% काला लगता है। HSL में इसका ह्यू कोण 344.46°, संतृप्ति 76.89% और चमक 50.78% है। यह एक गर्म रंग है, जो अक्सर रोमांस, चंचलता और स्नेह से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.59:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Amaranth (#e52b50) है, ΔE 2.28।

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

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

शेड

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

  1. #e22153
  2. #cb1e4b
  3. #b51a42
  4. #9e173a
  5. #881432
  6. #71112a
  7. #5a0d21
  8. #440a19
  9. #2d0711
  10. #170308
  11. #000000

टिंट

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

  1. #e22153
  2. #e53764
  3. #e84d75
  4. #eb6487
  5. #ee7a98
  6. #f190a9
  7. #f3a6ba
  8. #f6bccb
  9. #f9d3dd
  10. #fce9ee
  11. #ffffff

टोन

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

  1. #e22153
  2. #d82b58
  3. #ce345c
  4. #c53e61
  5. #bb4765
  6. #b1516a
  7. #a75a6e
  8. #9d6473
  9. #946d77
  10. #8a777c
  11. #808080

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

अक्रोमैटोप्सिया #757575 ≈ 0.003% पुरुष
अक्रोमैटोमली #ac5f69 ≈ 0.001% पुरुष
प्रोटानोपिया #5f5c53 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #8f834e ≈ 1.27% पुरुष
ट्राइटानोपिया #f80039 ≈ 0.0001% पुरुष
प्रोटानोमली #a44b53 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b66950 ≈ 4.63% पुरुष
ट्राइटानोमली #ef0045 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Amaranth
#e22153  rgb(226, 33, 83)  hsl(344, 77%, 51%)  Amaranth
#21e2b0  rgb(33, 226, 176)  hsl(164, 77%, 51%)  Caribbean Green
#53e221  rgb(83, 226, 33)  hsl(104, 77%, 51%)  Lime Green
#2153e2  rgb(33, 83, 226)  hsl(224, 77%, 51%)  Sapphire