#056DF5 Color

#056DF5 is rgb(5, 109, 245) in RGB and hsl(214, 96%, 49%) in HSL. The closest CSS named color is DodgerBlue. White text is most readable on this background.

#056DF5

HEX#056DF5

RGBrgb(5, 109, 245)

HSLhsl(214, 96%, 49%)

HSVhsv(214, 98%, 96%)

OKLCHoklch(56.9% 0.22 259.2)

CMYKcmyk(98%, 56%, 0%, 4%)

Text Contrast & Accessibility

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

TextWhite text4.65:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.51:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#056DF5 Complementary#F58D05 Analogous#05E5F5 Analogous#1505F5 Triadic#F5056D Triadic#6DF505

Tints & Shades

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

Tints

#2380FB #4695FB #69A9FC #8CBDFD #AFD1FD #D2E5FE

Shades

#0460D7 #0450B4 #034396 #023373 #022655 #011632

Use #056DF5 in Our Tools

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