#631174 Color

#631174 is rgb(99, 17, 116) in RGB and hsl(290, 74%, 26%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#631174

HEX#631174

RGBrgb(99, 17, 116)

HSLhsl(290, 74%, 26%)

HSVhsv(290, 85%, 45%)

OKLCHoklch(37.2% 0.162 319.7)

CMYKcmyk(15%, 85%, 0%, 55%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#631174 Complementary#227311 Analogous#321173 Analogous#731153 Triadic#736311 Triadic#117363

Tints & Shades

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

Tints

#8918A0 #B31FD1 #C740E2 #D46DE9 #E199F0 #EFCAF7

Shades

#580F66 #4C0D59 #410B4B #32093A #26072C #1B051F

Use #631174 in Our Tools

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