#375EEB Color

#375EEB is rgb(55, 94, 235) in RGB and hsl(227, 82%, 57%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#375EEB

HEX#375EEB

RGBrgb(55, 94, 235)

HSLhsl(227, 82%, 57%)

HSVhsv(227, 77%, 92%)

OKLCHoklch(54.3% 0.217 266.8)

CMYKcmyk(77%, 60%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#375EEB Complementary#EBC437 Analogous#37B8EB Analogous#6A37EB Triadic#EB375E Triadic#5EEB37

Tints & Shades

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

Tints

#5375EE #6F8BF1 #8BA2F4 #A2B4F6 #BECBF9 #DAE1FB

Shades

#1643E3 #1339C3 #102E9E #0C257D #091A58 #061038

Use #375EEB in Our Tools

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