#054830 Color

#054830 is rgb(5, 72, 48) in RGB and hsl(159, 87%, 15%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#054830

HEX#054830

RGBrgb(5, 72, 48)

HSLhsl(159, 87%, 15%)

HSVhsv(159, 93%, 28%)

OKLCHoklch(35.6% 0.075 162.3)

CMYKcmyk(93%, 0%, 33%, 72%)

Text Contrast & Accessibility

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

TextWhite text10.63:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#054830 Complementary#48051C Analogous#05480F Analogous#053E48 Triadic#300548 Triadic#483005

Tints & Shades

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

Tints

#098157 #0DBA7D #15EFA3 #4AF2B7 #83F6CE #BCFAE5

Shades

#043E2A #043927 #033020 #032B1D #022117 #021D13

Use #054830 in Our Tools

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