#372DA9 Color

#372DA9 is rgb(55, 45, 169) in RGB and hsl(245, 58%, 42%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#372DA9

HEX#372DA9

RGBrgb(55, 45, 169)

HSLhsl(245, 58%, 42%)

HSVhsv(245, 73%, 66%)

OKLCHoklch(40% 0.188 277.2)

CMYKcmyk(67%, 73%, 0%, 34%)

Text Contrast & Accessibility

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

TextWhite text9.95:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#372DA9 Complementary#9FA92D Analogous#2D61A9 Analogous#752DA9 Triadic#A9372D Triadic#2DA937

Tints & Shades

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

Tints

#4236C9 #6056D2 #7E76DB #9D96E3 #BBB6EC #D9D7F4

Shades

#312895 #29217D #221C69 #1A1551 #14103C #0C0A24

Use #372DA9 in Our Tools

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