ColorTool
लॉग इन
#CC445A

#cc445a ≈ Brick Red

  • लाल
  • चमक: मध्यम
  • संतृप्ति: तेज़
  • गर्म
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

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

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

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

पूरक

  1. #cc445a
  2. #44ccb6

विभाजित पूरक

  1. #cc445a
  2. #44cc72
  3. #449ecc

समरूप

  1. #cc449e
  2. #cc445a
  3. #cc7244

त्रिक

  1. #cc445a
  2. #5acc44
  3. #445acc

चतुष्क

  1. #cc445a
  2. #ccb644
  3. #44ccb6
  4. #445acc

वर्ग

  1. #cc445a
  2. #9ecc44
  3. #44ccb6
  4. #7244cc

एकरंगी

  1. #5d1925
  2. #9a2a3c
  3. #cc445a
  4. #dc808f
  5. #edbcc4

शेड

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

  1. #cc445a
  2. #b83d51
  3. #a33648
  4. #8f303f
  5. #7a2936
  6. #66222d
  7. #521b24
  8. #3d141b
  9. #290e12
  10. #140709
  11. #000000

टिंट

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

  1. #cc445a
  2. #d1576b
  3. #d6697b
  4. #db7c8c
  5. #e08f9c
  6. #e6a2ad
  7. #ebb4bd
  8. #f0c7ce
  9. #f5dade
  10. #faecef
  11. #ffffff

टोन

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

  1. #cc445a
  2. #c44a5e
  3. #bd5062
  4. #b55665
  5. #ae5c69
  6. #a6626d
  7. #9e6871
  8. #976e75
  9. #8f7478
  10. #887a7c
  11. #808080

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

अक्रोमैटोप्सिया #757575 ≈ 0.003% पुरुष
अक्रोमैटोमली #9f656b ≈ 0.001% पुरुष
प्रोटानोपिया #66635a ≈ 1.01% पुरुष
ड्यूटेरानोपिया #897f57 ≈ 1.27% पुरुष
ट्राइटानोपिया #df284d ≈ 0.0001% पुरुष
प्रोटानोमली #99585a ≈ 1.08% पुरुष
ड्यूटेरानोमली #a86c58 ≈ 4.63% पुरुष
ट्राइटानोमली #d73552 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#cb4154 Brick Red ΔE 1.49 #de3163 Cerise ΔE 4.48 #e52b50 Amaranth ΔE 4.83 #e30b5c Raspberry ΔE 5.64 #e0115f Ruby ΔE 5.91 #cd5c5c Indian Red ΔE 6.65 #e3256b Razzmatazz ΔE 6.86 #33bba5 उल्टा रंग #757575 ग्रेस्केल 

Brick Red
#cc445a  rgb(204, 68, 90)  hsl(350, 57%, 53%)  Brick Red
#44ccb6  rgb(68, 204, 182)  hsl(170, 57%, 53%)  Medium Aquamarine
#5acc44  rgb(90, 204, 68)  hsl(110, 57%, 53%)  Lime Green
#445acc  rgb(68, 90, 204)  hsl(230, 57%, 53%)  Iris