#407D62 Color

#407D62 is rgb(64, 125, 98) in RGB and hsl(153, 32%, 37%) in HSL. The closest CSS named color is SeaGreen. White text is most readable on this background.

#407D62

HEX#407D62

RGBrgb(64, 125, 98)

HSLhsl(153, 32%, 37%)

HSVhsv(153, 49%, 49%)

OKLCHoklch(54.1% 0.077 163.2)

CMYKcmyk(49%, 0%, 22%, 51%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#407D62 Complementary#7D405B Analogous#407D43 Analogous#407A7D Triadic#61407D Triadic#7D6140

Tints & Shades

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

Tints

#509B79 #64AF8D #82BFA4 #A1CEBA #BFDED0 #DAECE4

Shades

#376C54 #315E4A #284D3D #1F3D2F #172C22 #101E18

Use #407D62 in Our Tools

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