HEX Color #CC0050 (Crimson)

About #CC0050

The precise color #CC0050 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Crimson. Its digital footprint relies on 204 parts red, 0 parts green, and 80 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 100% Magenta, 61% Yellow, and 20% Black. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CC0050

RGB204, 0, 80

HSL336.5°, 100.0%, 40.0%

CMYK0%, 100%, 61%, 20%

HSV336.5°, 100.0%, 80.0%

LAB43.4, 70.1, 15.9

XYZ26.3, 13.4, 8.8

Decimal13369424

Color Harmonies

Complementary

#CC0050 #00CC7C

Analogous

#CC00B6 #CC1500

Triadic

#50CC00 #004FCC

Tetradic

#B6CC00 #00CC7C #1600CC

Tints, Shades & Tones

Tints (Adding White)

#CC0050

#D11C63

#D73876

#DD558A

#E2719D

#E88DB1

#EEAAC4

#F3C6D8

#F9E2EB

#FFFFFF

Shades (Adding Black)

#CC0050

#B50047

#9E003E

#880035

#71002C

#5A0023

#44001A

#2D0011

#160008

#000000

WCAG Contrast Accessibility

5.70:1

Text on #FFFFFF

AA

3.68:1

Text on #000000

AA Large

5.45:1

Text on #F8FAFC

AA

3.13:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #CC0050; }

.text-color { color: #CC0050; }

.border-color { border: 2px solid #CC0050; }

Similar Colors

Crimson

#DC143C