#40649C Color

#40649C is rgb(64, 100, 156) in RGB and hsl(217, 42%, 43%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#40649C

HEX#40649C

RGBrgb(64, 100, 156)

HSLhsl(217, 42%, 43%)

HSVhsv(217, 59%, 61%)

OKLCHoklch(50.3% 0.099 258.9)

CMYKcmyk(59%, 36%, 0%, 39%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#40649C Complementary#9C7840 Analogous#40919C Analogous#4A409C Triadic#9C4063 Triadic#639C40

Tints & Shades

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

Tints

#4E76B7 #6B8CC2 #88A3CE #A1B6D9 #BECDE4 #DBE3F0

Shades

#375586 #2F4A74 #263C5E #1F304C #162336 #0F1724

Use #40649C in Our Tools

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