#4285D1 Color

#4285D1 is rgb(66, 133, 209) in RGB and hsl(212, 61%, 54%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#4285D1

HEX#4285D1

RGBrgb(66, 133, 209)

HSLhsl(212, 61%, 54%)

HSVhsv(212, 68%, 82%)

OKLCHoklch(60.9% 0.135 253.3)

CMYKcmyk(68%, 36%, 0%, 18%)

Text Contrast & Accessibility

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

TextWhite text3.81:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#4285D1 Complementary#D18E42 Analogous#42CCD1 Analogous#4742D1 Triadic#D14285 Triadic#85D142

Tints & Shades

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

Tints

#5B95D7 #78A7DE #90B7E4 #A9C7EA #C1D7F0 #DEEAF7

Shades

#2F73C1 #2862A4 #215187 #193D67 #122C4A #0B1B2D

Use #4285D1 in Our Tools

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