#DF445A

#df445a ≈ Amaranth

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

#df445a “लाल” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 87.45% लाल, 26.67% हरे और 35.29% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 69.51% मैजेंटा, 59.64% पीला और 12.55% काला लगता है। HSL में इसका ह्यू कोण 351.48°, संतृप्ति 70.78% और चमक 57.06% है। यह एक गर्म रंग है, जो अक्सर ऊर्जा, जुनून और तात्कालिकता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.11:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Amaranth (#e52b50) है, ΔE 2.94।

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

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

शेड

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

  1. #df445a
  2. #c93d51
  3. #b23648
  4. #9c303f
  5. #862936
  6. #70222d
  7. #591b24
  8. #43141b
  9. #2d0e12
  10. #160709
  11. #000000

टिंट

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

  1. #df445a
  2. #e2576b
  3. #e5697b
  4. #e97c8c
  5. #ec8f9c
  6. #efa2ad
  7. #f2b4bd
  8. #f5c7ce
  9. #f9dade
  10. #fcecef
  11. #ffffff

टोन

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

  1. #df445a
  2. #d64a5e
  3. #cc5062
  4. #c35665
  5. #b95c69
  6. #b0626d
  7. #a66871
  8. #9d6e75
  9. #937478
  10. #8a7a7c
  11. #808080

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

अक्रोमैटोप्सिया #7d7d7d ≈ 0.003% पुरुष
अक्रोमैटोमली #ad6b71 ≈ 0.001% पुरुष
प्रोटानोपिया #6d695a ≈ 1.01% पुरुष
ड्यूटेरानोपिया #948956 ≈ 1.27% पुरुष
ट्राइटानोपिया #f41b4d ≈ 0.0001% पुरुष
प्रोटानोमली #a75c5a ≈ 1.08% पुरुष
ड्यूटेरानोमली #b77458 ≈ 4.63% पुरुष
ट्राइटानोमली #ec3053 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-df445a {
  color: #df445a;
}
बैकग्राउंड
.bg-df445a {
  background-color: #df445a;
  color: #000000;
}
बॉर्डर
.border-df445a {
  border: 2px solid #df445a;
}
CSS वेरिएबल
:root {
  --color-primary: #df445a;
  --color-primary-rgb: 223 68 90;
  --color-primary-hsl: 351 71% 57%;
}
ग्रेडिएंट
.gradient-df445a {
  background: linear-gradient(135deg, #df445a, #df7b44);
}
रंगीन छाया
.shadow-df445a {
  box-shadow: 0 8px 24px rgb(223 68 90 / 0.35);
}

Amaranth
#df445a  rgb(223, 68, 90)  hsl(351, 71%, 57%)  Amaranth
#44dfc9  rgb(68, 223, 201)  hsl(171, 71%, 57%)  Turquoise
#5adf44  rgb(90, 223, 68)  hsl(111, 71%, 57%)  Malachite
#445adf  rgb(68, 90, 223)  hsl(231, 71%, 57%)  Ultramarine Blue