#373AE1 Color

#373AE1 is rgb(55, 58, 225) in RGB and hsl(239, 74%, 55%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#373AE1

HEX#373AE1

RGBrgb(55, 58, 225)

HSLhsl(239, 74%, 55%)

HSVhsv(239, 76%, 88%)

OKLCHoklch(47.5% 0.243 271.6)

CMYKcmyk(76%, 74%, 0%, 12%)

Text Contrast & Accessibility

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

TextWhite text7.36:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.85:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#373AE1 Complementary#E1DE37 Analogous#378FE1 Analogous#8937E1 Triadic#E1373A Triadic#3AE137

Tints & Shades

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

Tints

#5254E5 #6D6FE9 #8789ED #A6A8F2 #C1C2F6 #DCDCFA

Shades

#2023D5 #1B1DB1 #161892 #111373 #0D0E54 #070831

Use #373AE1 in Our Tools

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