#904CA4 Color

#904CA4 is rgb(144, 76, 164) in RGB and hsl(286, 37%, 47%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#904CA4

HEX#904CA4

RGBrgb(144, 76, 164)

HSLhsl(286, 37%, 47%)

HSVhsv(286, 54%, 64%)

OKLCHoklch(53.5% 0.149 318.1)

CMYKcmyk(12%, 54%, 0%, 36%)

Text Contrast & Accessibility

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

TextWhite text5.59:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.76:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#904CA4 Complementary#60A44C Analogous#634CA4 Analogous#A44C8D Triadic#A4904C Triadic#4CA490

Tints & Shades

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

Tints

#A15EB5 #B17AC2 #C093CD #CEABD8 #DCC4E4 #EDE0F1

Shades

#7D428F #6B387A #592F65 #43234D #311A38 #1F1023

Use #904CA4 in Our Tools

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