#406F87 Color

#406F87 is rgb(64, 111, 135) in RGB and hsl(200, 36%, 39%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#406F87

HEX#406F87

RGBrgb(64, 111, 135)

HSLhsl(200, 36%, 39%)

HSVhsv(200, 53%, 53%)

OKLCHoklch(51.8% 0.064 232.1)

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

Text Contrast & Accessibility

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

TextWhite text5.47:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.84:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#406F87 Complementary#875840 Analogous#40877B Analogous#404C87 Triadic#87406F Triadic#6F8740

Tints & Shades

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

Tints

#4D86A3 #669CB7 #82AEC4 #A1C2D3 #BDD4E0 #DCE9EF

Shades

#376176 #2F5365 #274553 #1F3642 #172831 #0F1A1F

Use #406F87 in Our Tools

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