#372C9B Color

#372C9B is rgb(55, 44, 155) in RGB and hsl(246, 56%, 39%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#372C9B

HEX#372C9B

RGBrgb(55, 44, 155)

HSLhsl(246, 56%, 39%)

HSVhsv(246, 72%, 61%)

OKLCHoklch(38.4% 0.172 279.1)

CMYKcmyk(65%, 72%, 0%, 39%)

Text Contrast & Accessibility

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

TextWhite text10.52:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#372C9B Complementary#909B2C Analogous#2C589B Analogous#6F2C9B Triadic#9B372C Triadic#2C9B37

Tints & Shades

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

Tints

#4235BB #5D50CE #7A70D7 #9B94E1 #B9B3EA #DAD7F4

Shades

#302687 #292173 #221B5F #1B154C #141038 #0D0A24

Use #372C9B in Our Tools

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