#1F5FEA Color

#1F5FEA is rgb(31, 95, 234) in RGB and hsl(221, 83%, 52%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#1F5FEA

HEX#1F5FEA

RGBrgb(31, 95, 234)

HSLhsl(221, 83%, 52%)

HSVhsv(221, 87%, 92%)

OKLCHoklch(53.6% 0.22 262.8)

CMYKcmyk(87%, 59%, 0%, 8%)

Text Contrast & Accessibility

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

TextWhite text5.41:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#1F5FEA Complementary#EAAA1F Analogous#1FC5EA Analogous#441FEA Triadic#EA1F5F Triadic#5FEA1F

Tints & Shades

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

Tints

#4077ED #5C8BF0 #7CA2F3 #98B6F5 #B9CDF8 #D5E1FB

Shades

#1450D2 #1043B1 #0D3791 #0B2C75 #082054 #051433

Use #1F5FEA in Our Tools

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