#224FF1 Color

#224FF1 is rgb(34, 79, 241) in RGB and hsl(227, 88%, 54%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#224FF1

HEX#224FF1

RGBrgb(34, 79, 241)

HSLhsl(227, 88%, 54%)

HSVhsv(227, 86%, 95%)

OKLCHoklch(51.5% 0.246 265.4)

CMYKcmyk(86%, 67%, 0%, 5%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#224FF1 Complementary#F1C422 Analogous#22B6F1 Analogous#5D22F1 Triadic#F1224F Triadic#4FF122

Tints & Shades

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

Tints

#3F66F3 #6181F5 #7E98F7 #9AAFF9 #B7C6FA #D9E0FD

Shades

#0E3CE1 #0C33C0 #0A2A9E #082078 #061756 #030E35

Use #224FF1 in Our Tools

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