#285FE2 Color

#285FE2 is rgb(40, 95, 226) in RGB and hsl(222, 76%, 52%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#285FE2

HEX#285FE2

RGBrgb(40, 95, 226)

HSLhsl(222, 76%, 52%)

HSVhsv(222, 82%, 89%)

OKLCHoklch(53.2% 0.208 263.6)

CMYKcmyk(82%, 58%, 0%, 11%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#285FE2 Complementary#E2AA28 Analogous#28BCE2 Analogous#4D28E2 Triadic#E2285F Triadic#5FE228

Tints & Shades

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

Tints

#4777E6 #628BEA #81A2EE #9CB6F2 #BCCDF6 #D7E1F9

Shades

#1C50CA #1743AB #13378B #0F2C70 #0B2051 #071431

Use #285FE2 in Our Tools

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