#408487 Color

#408487 is rgb(64, 132, 135) in RGB and hsl(183, 36%, 39%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#408487

HEX#408487

RGBrgb(64, 132, 135)

HSLhsl(183, 36%, 39%)

HSVhsv(183, 53%, 53%)

OKLCHoklch(57.1% 0.069 199.2)

CMYKcmyk(53%, 2%, 0%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#408487 Complementary#874340 Analogous#408767 Analogous#406087 Triadic#874084 Triadic#848740

Tints & Shades

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

Tints

#4D9FA3 #66B3B7 #82C1C4 #A1D0D3 #BDDEE0 #DCEEEF

Shades

#377376 #2F6265 #275153 #1F4042 #172F31 #0F1E1F

Use #408487 in Our Tools

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