#028ADE Color

#028ADE is rgb(2, 138, 222) in RGB and hsl(203, 98%, 44%) in HSL. The closest CSS named color is DodgerBlue. Black text is most readable on this background.

#028ADE

HEX#028ADE

RGBrgb(2, 138, 222)

HSLhsl(203, 98%, 44%)

HSVhsv(203, 99%, 87%)

OKLCHoklch(61.5% 0.16 246.6)

CMYKcmyk(99%, 38%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#028ADE Complementary#DE5702 Analogous#02DEC4 Analogous#021CDE Triadic#DE028A Triadic#8ADE02

Tints & Shades

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

Tints

#0DA1FD #30AEFD #58BEFD #81CEFE #A9DEFE #CDEBFE

Shades

#0277C0 #0267A7 #015588 #01426A #012F4C #011F32

Use #028ADE in Our Tools

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