#215BED Color

#215BED is rgb(33, 91, 237) in RGB and hsl(223, 85%, 53%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#215BED

HEX#215BED

RGBrgb(33, 91, 237)

HSLhsl(223, 85%, 53%)

HSVhsv(223, 86%, 93%)

OKLCHoklch(53.2% 0.228 263.8)

CMYKcmyk(86%, 62%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#215BED Complementary#EDB321 Analogous#21C1ED Analogous#4D21ED Triadic#ED215B Triadic#5BED21

Tints & Shades

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

Tints

#3E70EF #5F88F2 #7B9DF4 #9CB6F7 #B8CBF9 #D9E3FC

Shades

#124AD9 #0F3FB8 #0C3497 #0A2876 #071D55 #041234

Use #215BED in Our Tools

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