#3E3550 Color

#3E3550 is rgb(62, 53, 80) in RGB and hsl(260, 20%, 26%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#3E3550

HEX#3E3550

RGBrgb(62, 53, 80)

HSLhsl(260, 20%, 26%)

HSVhsv(260, 34%, 31%)

OKLCHoklch(35% 0.047 299.2)

CMYKcmyk(22%, 34%, 0%, 69%)

Text Contrast & Accessibility

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

TextWhite text11.48:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.83:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#3E3550 Complementary#475035 Analogous#353950 Analogous#4B3550 Triadic#503E35 Triadic#35503E

Tints & Shades

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

Tints

#56496E #706090 #8A7BA7 #A59ABC #C0B9D0 #DEDAE7

Shades

#372F46 #30293D #282334 #1F1B28 #18141F #110E15

Use #3E3550 in Our Tools

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