HEX Color #BD6D50 (Sienna)

About #BD6D50

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

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 42% magenta inks. The HSL representation is 16.0° hue, 45.2% saturation, and 52.7% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#BD6D50

RGB189, 109, 80

HSL16.0°, 45.2%, 52.7%

CMYK0%, 42%, 58%, 26%

HSV16.0°, 57.7%, 74.1%

LAB54.4, 28.9, 29.8

XYZ27.9, 22.3, 10.4

Decimal12414288

Color Harmonies

Complementary

#BD6D50 #50A0BD

Analogous

#BD5069 #BDA350

Triadic

#50BD6D #6D50BD

Tetradic

#69BD50 #50A0BD #A350BD

Tints, Shades & Tones

Tints (Adding White)

#BD6D50

#C47D63

#CB8D76

#D39D8A

#DAAD9D

#E1BEB1

#E9CEC4

#F0DED8

#F7EEEB

#FFFFFF

Shades (Adding Black)

#BD6D50

#A86047

#93543E

#7E4835

#693C2C

#543023

#3F241A

#2A1811

#150C08

#000000

WCAG Contrast Accessibility

3.84:1

Text on #FFFFFF

AA Large

5.47:1

Text on #000000

AA

3.67:1

Text on #F8FAFC

AA Large

4.65:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #BD6D50; }

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

Similar Colors

Sienna

#A0522D