#478A42 Color

#478A42 is rgb(71, 138, 66) in RGB and hsl(116, 35%, 40%) in HSL. The closest CSS named color is SeaGreen. Black text is most readable on this background.

#478A42

HEX#478A42

RGBrgb(71, 138, 66)

HSLhsl(116, 35%, 40%)

HSVhsv(116, 52%, 54%)

OKLCHoklch(57.1% 0.126 142.4)

CMYKcmyk(49%, 0%, 52%, 46%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#478A42 Complementary#85428A Analogous#6B8A42 Analogous#428A61 Triadic#42478A Triadic#8A4247

Tints & Shades

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

Tints

#55A550 #70B86B #8BC587 #A5D2A2 #C0E0BE #DEEEDD

Shades

#3E783A #356732 #2C5629 #22411F #193017 #101F0F

Use #478A42 in Our Tools

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