#1A5CEA Color

#1A5CEA is rgb(26, 92, 234) in RGB and hsl(221, 83%, 51%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#1A5CEA

HEX#1A5CEA

RGBrgb(26, 92, 234)

HSLhsl(221, 83%, 51%)

HSVhsv(221, 89%, 92%)

OKLCHoklch(53% 0.224 262.7)

CMYKcmyk(89%, 61%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1A5CEA Complementary#EAA81A Analogous#1AC4EA Analogous#401AEA Triadic#EA1A5C Triadic#5CEA1A

Tints & Shades

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

Tints

#3B73ED #5787EF #789FF2 #98B6F5 #B9CDF8 #D5E1FB

Shades

#134ECD #1043B1 #0D3791 #0A2B70 #071E4F #051433

Use #1A5CEA in Our Tools

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