#40768C Color

#40768C is rgb(64, 118, 140) in RGB and hsl(197, 37%, 40%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#40768C

HEX#40768C

RGBrgb(64, 118, 140)

HSLhsl(197, 37%, 40%)

HSVhsv(197, 54%, 55%)

OKLCHoklch(53.8% 0.067 226.6)

CMYKcmyk(54%, 16%, 0%, 45%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#40768C Complementary#8C5640 Analogous#408C7B Analogous#40518C Triadic#8C4076 Triadic#768C40

Tints & Shades

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

Tints

#4D8EA8 #69A3BA #85B4C7 #A1C5D4 #BDD6E0 #DCEAEF

Shades

#38687A #305969 #284A57 #1F3842 #162931 #0E1B1F

Use #40768C in Our Tools

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