#CC1650

A medium, vivid magenta closely aligning with Crimson.

About #CC1650

When working with digital screens, the color #CC1650 is rendered by mixing light. 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 80.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 89% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#CC1650
RGB204, 22, 80
HSL340.9°, 80.5%, 44.3%
CMYK0%, 89%, 61%, 20%
HSV340.9°, 89.2%, 80.0%
LAB44.2, 67.6, 17.1
XYZ26.6, 14.0, 8.9
Decimal13375056

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.53:1
Text on #FFFFFF
AA
3.80:1
Text on #000000
AA Large
5.28:1
Text on #F8FAFC
AA
3.23:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #CC1650; }
.text-color { color: #CC1650; }
.border-color { border: 2px solid #CC1650; }

Similar Colors

Crimson
#DC143C