HEX Color #C53A57 (Indianred)

About #C53A57

The precise color #C53A57 is an excellent choice for modern design projects. Its closest recognized web color is Indianred. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 58, and 87.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 71% M, 56% Y, and 23% K. The HSL representation is 347.5° hue, 54.5% saturation, and 50.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#C53A57

RGB197, 58, 87

HSL347.5°, 54.5%, 50.0%

CMYK0%, 71%, 56%, 23%

HSV347.5°, 70.6%, 77.3%

LAB46.4, 56.6, 15.5

XYZ26.3, 15.6, 10.6

Decimal12925527

Color Harmonies

Complementary

#C53A57 #39C5A8

Analogous

#C5399C #C56239

Triadic

#56C539 #3956C5

Tetradic

#9CC539 #39C5A8 #6239C5

Tints, Shades & Tones

Tints (Adding White)

#C53A57

#CB4F69

#D1657C

#D87B8F

#DE91A1

#E5A7B4

#EBBDC7

#F2D3D9

#F8E9EC

#FFFFFF

Shades (Adding Black)

#C53A57

#AF334D

#992D43

#83263A

#6D2030

#571926

#41131D

#2B0C13

#150609

#000000

WCAG Contrast Accessibility

5.10:1

Text on #FFFFFF

AA

4.12:1

Text on #000000

AA Large

4.88:1

Text on #F8FAFC

AA

3.50:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C53A57; }

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

Similar Colors

Indianred

#CD5C5C