#51473D Color

#51473D is rgb(81, 71, 61) in RGB and hsl(30, 14%, 28%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#51473D

HEX#51473D

RGBrgb(81, 71, 61)

HSLhsl(30, 14%, 28%)

HSVhsv(30, 25%, 32%)

OKLCHoklch(40.5% 0.021 67.2)

CMYKcmyk(0%, 12%, 25%, 68%)

Text Contrast & Accessibility

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

TextWhite text9.06:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.32:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#51473D Complementary#3D4751 Analogous#513D3D Analogous#51513D Triadic#3D5147 Triadic#473D51

Tints & Shades

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

Tints

#6E6153 #8C7A69 #A39485 #B9ADA2 #CFC7BF #E5E0DC

Shades

#494037 #3D362E #342E27 #29241F #201C18 #14120F

Use #51473D in Our Tools

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