#542518 Color

#542518 is rgb(84, 37, 24) in RGB and hsl(13, 56%, 21%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#542518

HEX#542518

RGBrgb(84, 37, 24)

HSLhsl(13, 56%, 21%)

HSVhsv(13, 71%, 33%)

OKLCHoklch(32.8% 0.074 36.4)

CMYKcmyk(0%, 56%, 71%, 67%)

Text Contrast & Accessibility

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

TextWhite text12.69:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.65:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#542518 Complementary#184754 Analogous#541829 Analogous#544318 Triadic#185425 Triadic#251854

Tints & Shades

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

Tints

#7F3824 #AB4B30 #CB6448 #D88974 #E4AEA0 #F0D3CB

Shades

#4C2115 #401C12 #381810 #2C130C #24100A #180A07

Use #542518 in Our Tools

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