#DC424A

#dc424a ≈ Amaranth

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

#dc424a “लाल” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 86.27% लाल, 25.88% हरे और 29.02% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 70% मैजेंटा, 66.36% पीला और 13.73% काला लगता है। HSL में इसका ह्यू कोण 356.88°, संतृप्ति 68.75% और चमक 56.08% है। यह एक गर्म रंग है, जो अक्सर ऊर्जा, जुनून और तात्कालिकता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.92:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Amaranth (#e52b50) है, ΔE 4.44।

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

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

शेड

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

  1. #dc424a
  2. #c63b43
  3. #b0353b
  4. #9a2e34
  5. #84282c
  6. #6e2125
  7. #581a1e
  8. #421416
  9. #2c0d0f
  10. #160707
  11. #000000

टिंट

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

  1. #dc424a
  2. #e0555c
  3. #e3686e
  4. #e77b80
  5. #ea8e92
  6. #eea1a5
  7. #f1b3b7
  8. #f5c6c9
  9. #f8d9db
  10. #fceced
  11. #ffffff

टोन

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

  1. #dc424a
  2. #d3484f
  3. #ca4e55
  4. #c0555a
  5. #b75b60
  6. #ae6165
  7. #a5676a
  8. #9c6d70
  9. #927475
  10. #897a7b
  11. #808080

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

अक्रोमैटोप्सिया #7a7a7a ≈ 0.003% पुरुष
अक्रोमैटोमली #aa686a ≈ 0.001% पुरुष
प्रोटानोपिया #6d6649 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #948745 ≈ 1.27% पुरुष
ट्राइटानोपिया #f10f46 ≈ 0.0001% पुरुष
प्रोटानोमली #a55949 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b57147 ≈ 4.63% पुरुष
ट्राइटानोमली #e92b48 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Amaranth
#dc424a  rgb(220, 66, 74)  hsl(357, 69%, 56%)  Amaranth
#42dcd4  rgb(66, 220, 212)  hsl(177, 69%, 56%)  Turquoise
#4adc42  rgb(74, 220, 66)  hsl(117, 69%, 56%)  Malachite
#424adc  rgb(66, 74, 220)  hsl(237, 69%, 56%)  Iris