#370896 Color

#370896 is rgb(55, 8, 150) in RGB and hsl(260, 90%, 31%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#370896

HEX#370896

RGBrgb(55, 8, 150)

HSLhsl(260, 90%, 31%)

HSVhsv(260, 95%, 59%)

OKLCHoklch(34.2% 0.194 284)

CMYKcmyk(63%, 95%, 0%, 41%)

Text Contrast & Accessibility

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

TextWhite text12.82:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#370896 Complementary#679608 Analogous#082096 Analogous#7E0896 Triadic#963708 Triadic#089637

Tints & Shades

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

Tints

#490AC7 #590DF2 #7A3DF5 #9869F7 #B999FA #D7C5FC

Shades

#300783 #29066F #22055C #1D044E #15033A #0E0227

Use #370896 in Our Tools

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