HEX Color #B6503A (Sienna)

About #B6503A

The precise color #B6503A 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 182, 80, and 58.

For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 56% Magenta, 68% Yellow, and 29% Black. The HSL representation is 10.6° hue, 51.7% saturation, and 47.1% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#B6503A

RGB182, 80, 58

HSL10.6°, 51.7%, 47.1%

CMYK0%, 56%, 68%, 29%

HSV10.6°, 68.1%, 71.4%

LAB47.0, 39.9, 32.9

XYZ22.9, 16.0, 5.9

Decimal11948090

Color Harmonies

Complementary

#B6503A #399FB5

Analogous

#B53962 #B58D39

Triadic

#39B550 #4F39B5

Tetradic

#62B539 #399FB5 #8D39B5

Tints, Shades & Tones

Tints (Adding White)

#B6503A

#BE634F

#C67665

#CE8A7B

#D69D91

#DEB1A7

#E6C4BD

#EED8D3

#F6EBE9

#FFFFFF

Shades (Adding Black)

#B6503A

#A14733

#8D3E2D

#793526

#652C20

#502319

#3C1A13

#28110C

#140806

#000000

WCAG Contrast Accessibility

5.00:1

Text on #FFFFFF

AA

4.20:1

Text on #000000

AA Large

4.78:1

Text on #F8FAFC

AA

3.57:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #B6503A; }

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

Similar Colors

Sienna

#A0522D