#7A69CE Color

#7A69CE is rgb(122, 105, 206) in RGB and hsl(250, 51%, 61%) in HSL. The closest CSS named color is SlateBlue. Black text is most readable on this background.

#7A69CE

HEX#7A69CE

RGBrgb(122, 105, 206)

HSLhsl(250, 51%, 61%)

HSVhsv(250, 49%, 81%)

OKLCHoklch(58.4% 0.15 288.6)

CMYKcmyk(41%, 49%, 0%, 19%)

Text Contrast & Accessibility

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

TextWhite text4.43:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text4.74:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#7A69CE Complementary#BDCE69 Analogous#698BCE Analogous#AC69CE Triadic#CE7A69 Triadic#69CE7A

Tints & Shades

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

Tints

#8B7CD5 #9F93DC #B0A6E2 #C1BAE9 #D3CDEF #E7E4F6

Shades

#5E4AC4 #4C38AD #3E2E8E #2F236C #22194D #140F2E

Use #7A69CE in Our Tools

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