#856E14 Color

#856E14 is rgb(133, 110, 20) in RGB and hsl(48, 74%, 30%) in HSL. The closest CSS named color is Olive. White text is most readable on this background.

#856E14

HEX#856E14

RGBrgb(133, 110, 20)

HSLhsl(48, 74%, 30%)

HSVhsv(48, 85%, 52%)

OKLCHoklch(54.5% 0.105 93.2)

CMYKcmyk(0%, 17%, 85%, 48%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #856E14 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text4.96:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.24:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #856E14 based on color wheel relationships. Click any swatch for its full breakdown.

Base#856E14 Complementary#142B85 Analogous#853614 Analogous#638514 Triadic#14856E Triadic#6E1485

Tints & Shades

Lighter tints and darker shades of #856E14, useful for hover states, backgrounds, and text variants.

Tints

#B1931B #D9B420 #E4C549 #EAD375 #F1E1A2 #F7EECA

Shades

#736011 #66550F #54460D #43370A #312907 #231D05

Use #856E14 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex