HEX Color #C50F42 (Crimson)

About #C50F42

The precise color #C50F42 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Crimson. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 15, and 66.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 92% M, 66% Y, and 23% K. The HSL representation is 343.2° hue, 85.8% saturation, and 41.6% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#C50F42

RGB197, 15, 66

HSL343.2°, 85.8%, 41.6%

CMYK0%, 92%, 66%, 23%

HSV343.2°, 92.4%, 77.3%

LAB42.2, 66.1, 22.9

XYZ24.2, 12.6, 6.3

Decimal12914498

Color Harmonies

Complementary

#C50F42 #0EC592

Analogous

#C50E9C #C5370E

Triadic

#41C50E #0E41C5

Tetradic

#9DC50E #0EC592 #370EC5

Tints, Shades & Tones

Tints (Adding White)

#C50F42

#CB2957

#D1446C

#D85F81

#DE7996

#E594AB

#EBAFC0

#F2C9D5

#F8E4EA

#FFFFFF

Shades (Adding Black)

#C50F42

#AF0D3A

#990B33

#830A2C

#6D0824

#57061D

#410516

#2B030E

#150107

#000000

WCAG Contrast Accessibility

5.96:1

Text on #FFFFFF

AA

3.52:1

Text on #000000

AA Large

5.70:1

Text on #F8FAFC

AA

2.99:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #C50F42; }

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

Similar Colors

Crimson

#DC143C