#40859C Color

#40859C is rgb(64, 133, 156) in RGB and hsl(195, 42%, 43%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#40859C

HEX#40859C

RGBrgb(64, 133, 156)

HSLhsl(195, 42%, 43%)

HSVhsv(195, 59%, 61%)

OKLCHoklch(58.1% 0.078 222.5)

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

Text Contrast & Accessibility

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

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

TextBlack text5.05:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#40859C Complementary#9C5740 Analogous#409C85 Analogous#40579C Triadic#9C4085 Triadic#859C40

Tints & Shades

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

Tints

#4E9CB7 #6BACC2 #88BDCE #A1CBD9 #BEDBE4 #DBEBF0

Shades

#377286 #2F6374 #26505E #1F414C #162E36 #0F1F24

Use #40859C in Our Tools

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