#36149F Color

#36149F is rgb(54, 20, 159) in RGB and hsl(255, 78%, 35%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#36149F

HEX#36149F

RGBrgb(54, 20, 159)

HSLhsl(255, 78%, 35%)

HSVhsv(255, 87%, 62%)

OKLCHoklch(36% 0.198 281)

CMYKcmyk(66%, 87%, 0%, 38%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#36149F Complementary#7C9F14 Analogous#14369F Analogous#7C149F Triadic#9F3614 Triadic#149F36

Tints & Shades

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

Tints

#4419C8 #582AE5 #7853EA #987BEF #B8A4F4 #D8CDF9

Shades

#30118D #280F76 #220C64 #1A0A4D #14073B #0C0424

Use #36149F in Our Tools

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