#CC4E5A

#cc4e5a ≈ Brick Red

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

#cc4e5a “लाल” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 80% लाल, 30.59% हरे और 35.29% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 61.76% मैजेंटा, 55.88% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 354.29°, संतृप्ति 55.26% और चमक 55.29% है। यह एक गर्म रंग है, जो अक्सर ऊर्जा, जुनून और तात्कालिकता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.8:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Brick Red (#cb4154) है, ΔE 2.72।

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

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

शेड

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

  1. #cc4e5a
  2. #b84651
  3. #a33e48
  4. #8f373f
  5. #7a2f36
  6. #66272d
  7. #521f24
  8. #3d171b
  9. #291012
  10. #140809
  11. #000000

टिंट

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

  1. #cc4e5a
  2. #d1606b
  3. #d6717b
  4. #db838c
  5. #e0959c
  6. #e6a7ad
  7. #ebb8bd
  8. #f0cace
  9. #f5dcde
  10. #faedef
  11. #ffffff

टोन

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

  1. #cc4e5a
  2. #c4535e
  3. #bd5862
  4. #b55d65
  5. #ae6269
  6. #a6676d
  7. #9e6c71
  8. #977175
  9. #8f7678
  10. #887b7c
  11. #808080

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

अक्रोमैटोप्सिया #797979 ≈ 0.003% पुरुष
अक्रोमैटोमली #a16a6e ≈ 0.001% पुरुष
प्रोटानोपिया #6c685a ≈ 1.01% पुरुष
ड्यूटेरानोपिया #8c8357 ≈ 1.27% पुरुष
ट्राइटानोपिया #de3753 ≈ 0.0001% पुरुष
प्रोटानोमली #9c5f5a ≈ 1.08% पुरुष
ड्यूटेरानोमली #aa7158 ≈ 4.63% पुरुष
ट्राइटानोमली #d74256 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Brick Red
#cc4e5a  rgb(204, 78, 90)  hsl(354, 55%, 55%)  Brick Red
#4eccc0  rgb(78, 204, 192)  hsl(174, 55%, 55%)  Medium Turquoise
#5acc4e  rgb(90, 204, 78)  hsl(114, 55%, 55%)  Lime Green
#4e5acc  rgb(78, 90, 204)  hsl(234, 55%, 55%)  Iris