#3E5E98 Color

#3E5E98 is rgb(62, 94, 152) in RGB and hsl(219, 42%, 42%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#3E5E98

HEX#3E5E98

RGBrgb(62, 94, 152)

HSLhsl(219, 42%, 42%)

HSVhsv(219, 59%, 60%)

OKLCHoklch(48.5% 0.101 261.5)

CMYKcmyk(59%, 38%, 0%, 40%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3E5E98 Complementary#98793E Analogous#3E8B98 Analogous#4C3E98 Triadic#983E5E Triadic#5E983E

Tints & Shades

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

Tints

#4A6FB5 #6786C1 #849DCD #A1B4D9 #BECBE4 #DBE2F0

Shades

#375286 #2E4570 #263A5E #1E2D48 #162136 #0D1421

Use #3E5E98 in Our Tools

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