#21A5DE Color

#21A5DE is rgb(33, 165, 222) in RGB and hsl(198, 74%, 50%) in HSL. The closest CSS named color is DodgerBlue. Black text is most readable on this background.

#21A5DE

HEX#21A5DE

RGBrgb(33, 165, 222)

HSLhsl(198, 74%, 50%)

HSVhsv(198, 85%, 87%)

OKLCHoklch(68.1% 0.134 233.7)

CMYKcmyk(85%, 26%, 0%, 13%)

Text Contrast & Accessibility

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

TextWhite text2.8:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.5:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#21A5DE Complementary#DE5A21 Analogous#21DEB8 Analogous#2147DE Triadic#DE21A5 Triadic#A5DE21

Tints & Shades

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

Tints

#40B2E2 #5FBEE7 #7ECBEC #99D6F0 #B8E2F4 #D7EFF9

Shades

#1D8EBF #197AA4 #146385 #104F6A #0B384B #072431

Use #21A5DE in Our Tools

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