#CC486E

#cc486e ≈ Cerise

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

#cc486e “गुलाबी-लाल” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 80% लाल, 28.24% हरे और 43.14% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 64.71% मैजेंटा, 46.08% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 342.73°, संतृप्ति 56.41% और चमक 54.12% है। यह एक गर्म रंग है, जो अक्सर रोमांस, चंचलता और स्नेह से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.72:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Cerise (#de3163) है, ΔE 4.27।

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

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

शेड

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

  1. #cc486e
  2. #b84163
  3. #a33a58
  4. #8f324d
  5. #7a2b42
  6. #662437
  7. #521d2c
  8. #3d1621
  9. #290e16
  10. #14070b
  11. #000000

टिंट

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

  1. #cc486e
  2. #d15a7d
  3. #d66d8b
  4. #db7f9a
  5. #e091a8
  6. #e6a4b7
  7. #ebb6c5
  8. #f0c8d4
  9. #f5dae2
  10. #faedf1
  11. #ffffff

टोन

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

  1. #cc486e
  2. #c44e70
  3. #bd5372
  4. #b55973
  5. #ae5e75
  6. #a66477
  7. #9e6a79
  8. #976f7b
  9. #8f757c
  10. #887a7e
  11. #808080

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

अक्रोमैटोप्सिया #777777 ≈ 0.003% पुरुष
अक्रोमैटोमली #a06874 ≈ 0.001% पुरुष
प्रोटानोपिया #64676f ≈ 1.01% पुरुष
ड्यूटेरानोपिया #87816b ≈ 1.27% पुरुष
ट्राइटानोपिया #dd3557 ≈ 0.0001% पुरुष
प्रोटानोमली #995c6f ≈ 1.08% पुरुष
ड्यूटेरानोमली #a76f6c ≈ 4.63% पुरुष
ट्राइटानोमली #d73e61 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Cerise
#cc486e  rgb(204, 72, 110)  hsl(343, 56%, 54%)  Cerise
#48cca6  rgb(72, 204, 166)  hsl(163, 56%, 54%)  Medium Aquamarine
#6ecc48  rgb(110, 204, 72)  hsl(103, 56%, 54%)  Lime Green
#486ecc  rgb(72, 110, 204)  hsl(223, 56%, 54%)  Royal Blue