#7A7DDC Color

#7A7DDC is rgb(122, 125, 220) in RGB and hsl(238, 58%, 67%) in HSL. The closest CSS named color is MediumSlateBlue. Black text is most readable on this background.

#7A7DDC

HEX#7A7DDC

RGBrgb(122, 125, 220)

HSLhsl(238, 58%, 67%)

HSVhsv(238, 45%, 86%)

OKLCHoklch(63% 0.141 280.2)

CMYKcmyk(45%, 43%, 0%, 14%)

Text Contrast & Accessibility

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

TextWhite text3.62:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.79:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#7A7DDC Complementary#DCD87A Analogous#7AAEDC Analogous#A87ADC Triadic#DC7A7D Triadic#7DDC7A

Tints & Shades

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

Tints

#8A8DE0 #9EA1E5 #AEB0EA #C3C4EF #D3D4F3 #E7E7F9

Shades

#565AD2 #3439C5 #2B2FA1 #21247D #181A59 #0E0F34

Use #7A7DDC in Our Tools

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