HEX Color #BD423A (Brown)

About #BD423A

The hex code #BD423A represents a beautifully specific shade of red. If you're using CSS, you might find it aligns closely with Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 66, and 58.

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

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#BD423A

RGB189, 66, 58

HSL3.7°, 53.0%, 48.4%

CMYK0%, 65%, 69%, 26%

HSV3.7°, 69.3%, 74.1%

LAB45.7, 48.9, 31.7

XYZ23.7, 15.0, 5.7

Decimal12403258

Color Harmonies

Complementary

#BD423A #39B5BD

Analogous

#BD3973 #BD8339

Triadic

#39BD41 #4139BD

Tetradic

#73BD39 #39B5BD #8339BD

Tints, Shades & Tones

Tints (Adding White)

#BD423A

#C4574F

#CB6C65

#D3817B

#DA9691

#E1ABA7

#E9C0BD

#F0D5D3

#F7EAE9

#FFFFFF

Shades (Adding Black)

#BD423A

#A83A33

#93332D

#7E2C26

#692420

#541D19

#3F1613

#2A0E0C

#150706

#000000

WCAG Contrast Accessibility

5.24:1

Text on #FFFFFF

AA

4.00:1

Text on #000000

AA Large

5.01:1

Text on #F8FAFC

AA

3.40:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #BD423A; }

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

Similar Colors

Brown

#A52A2A