#054AEB Color

#054AEB is rgb(5, 74, 235) in RGB and hsl(222, 96%, 47%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#054AEB

HEX#054AEB

RGBrgb(5, 74, 235)

HSLhsl(222, 96%, 47%)

HSVhsv(222, 98%, 92%)

OKLCHoklch(49.6% 0.248 263.2)

CMYKcmyk(98%, 69%, 0%, 8%)

Text Contrast & Accessibility

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

TextWhite text6.59:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#054AEB Complementary#EBA605 Analogous#05BDEB Analogous#3305EB Triadic#EB054A Triadic#4AEB05

Tints & Shades

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

Tints

#195DFA #4179FB #6492FC #87AAFD #AAC3FD #D2DFFE

Shades

#0440CD #0437AF #032E91 #02236E #021950 #011032

Use #054AEB in Our Tools

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