#285BB8 Color

#285BB8 is rgb(40, 91, 184) in RGB and hsl(219, 64%, 44%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#285BB8

HEX#285BB8

RGBrgb(40, 91, 184)

HSLhsl(219, 64%, 44%)

HSVhsv(219, 78%, 72%)

OKLCHoklch(49% 0.157 261.2)

CMYKcmyk(78%, 51%, 0%, 28%)

Text Contrast & Accessibility

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

TextWhite text6.4:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#285BB8 Complementary#B88628 Analogous#28A2B8 Analogous#3E28B8 Triadic#B8285B Triadic#5BB828

Tints & Shades

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

Tints

#366DD3 #5482D9 #759BE1 #96B3E8 #B8CBEF #D5E1F6

Shades

#234E9F #1E448A #193871 #132B58 #0E1F3F #09152A

Use #285BB8 in Our Tools

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