#5A651F Color

#5A651F is rgb(90, 101, 31) in RGB and hsl(69, 53%, 26%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#5A651F

HEX#5A651F

RGBrgb(90, 101, 31)

HSLhsl(69, 53%, 26%)

HSVhsv(69, 69%, 40%)

OKLCHoklch(48.2% 0.094 117.7)

CMYKcmyk(11%, 0%, 69%, 60%)

Text Contrast & Accessibility

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

TextWhite text6.33:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.32:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#5A651F Complementary#2A1F65 Analogous#654D1F Analogous#38651F Triadic#1F5B65 Triadic#651F5B

Tints & Shades

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

Tints

#7E8C2B #A4B738 #BACB57 #CAD77E #DAE3A5 #ECF1D0

Shades

#505A1C #464E18 #3B4214 #2D3310 #23270C #181B08

Use #5A651F in Our Tools

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