HEX Color #C53A49 (Brown)

About #C53A49

At its core, #C53A49 is a medium and moderate hue. Designers often compare it to the standard color Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 58, and 73.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 71% magenta inks. The HSL representation is 353.5° hue, 54.5% saturation, and 50.0% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#C53A49

RGB197, 58, 73

HSL353.5°, 54.5%, 50.0%

CMYK0%, 71%, 63%, 23%

HSV353.5°, 70.6%, 77.3%

LAB46.1, 55.6, 23.7

XYZ25.7, 15.4, 7.9

Decimal12925513

Color Harmonies

Complementary

#C53A49 #39C5B5

Analogous

#C5398E #C57039

Triadic

#49C539 #3949C5

Tetradic

#8EC539 #39C5B5 #7039C5

Tints, Shades & Tones

Tints (Adding White)

#C53A49

#CB4F5D

#D16571

#D87B85

#DE9199

#E5A7AE

#EBBDC2

#F2D3D6

#F8E9EA

#FFFFFF

Shades (Adding Black)

#C53A49

#AF3340

#992D38

#832630

#6D2028

#571920

#411318

#2B0C10

#150608

#000000

WCAG Contrast Accessibility

5.15:1

Text on #FFFFFF

AA

4.08:1

Text on #000000

AA Large

4.92:1

Text on #F8FAFC

AA

3.46:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C53A49; }

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

Similar Colors

Brown

#A52A2A