#478A28 Color

#478A28 is rgb(71, 138, 40) in RGB and hsl(101, 55%, 35%) in HSL. The closest CSS named color is DarkOliveGreen. Black text is most readable on this background.

#478A28

HEX#478A28

RGBrgb(71, 138, 40)

HSLhsl(101, 55%, 35%)

HSVhsv(101, 71%, 54%)

OKLCHoklch(56.8% 0.148 137.5)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#478A28 Complementary#6B288A Analogous#788A28 Analogous#288A3A Triadic#28478A Triadic#8A2847

Tints & Shades

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

Tints

#5AAE32 #6FC945 #8BD369 #A6DE8C #C2E8B0 #DDF2D4

Shades

#3F7B24 #35671E #2D5719 #234314 #1A330F #102009

Use #478A28 in Our Tools

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