#CC1642
A medium, vivid red closely aligning with Crimson.
About #CC1642
The precise color #CC1642 is an excellent choice for modern design projects. It is closely associated with the named CSS color Crimson. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 22, and 66.
If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 89% Magenta, 68% Yellow, and 20% Black. The HSL representation is 345.5° hue, 80.5% saturation, and 44.3% lightness.
From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#CC1642
RGB204, 22, 66
HSL345.5°, 80.5%, 44.3%
CMYK0%, 89%, 68%, 20%
HSV345.5°, 89.2%, 80.0%
LAB44.0, 66.9, 25.4
XYZ26.2, 13.8, 6.4
Decimal13375042
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.58:1
Text on #FFFFFF
AA
3.76:1
Text on #000000
AA Large
5.34:1
Text on #F8FAFC
AA
3.20:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #CC1642;
}
.text-color {
color: #CC1642;
}
.border-color {
border: 2px solid #CC1642;
}