#4C68A9 Color

#4C68A9 is rgb(76, 104, 169) in RGB and hsl(222, 38%, 48%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#4C68A9

HEX#4C68A9

RGBrgb(76, 104, 169)

HSLhsl(222, 38%, 48%)

HSVhsv(222, 55%, 66%)

OKLCHoklch(52.6% 0.108 265.3)

CMYKcmyk(55%, 38%, 0%, 34%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#4C68A9 Complementary#A98D4C Analogous#4C96A9 Analogous#5E4CA9 Triadic#A94C68 Triadic#68A94C

Tints & Shades

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

Tints

#617BB8 #798FC3 #92A4CE #AEBBDB #C7D0E6 #DFE5F1

Shades

#425B94 #374C7B #2E3F66 #243251 #1B253C #101623

Use #4C68A9 in Our Tools

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