#7A7ADC

Color Details

HEX
#7A7ADC
RGB
rgb(122, 122, 220)
HSL
hsl(240, 58%, 67%)
CMYK
cmyk(45%, 45%, 0%, 14%)
Best text on this color #000000 (CR 5.64:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7a7adc
Contrast 5.64:1 AA
White on #7a7adc
Contrast 3.72:1 Fail
#7a7adc on Black
Contrast 5.64:1 AA
#7a7adc on White
Contrast 3.72:1 Fail

Tints & Shades

#9595e3
#afafea
#cacaf1
#6262b0
#494984
#313158

Complement & Analogous

#dcdc7a
#ab7adc
#7aabdc

Triadic

#dc7a7a
#7adc7a

Monochrome

#313158 #494984 #7a7adc #afafea #cacaf1 #e4e4f8

Analogous

#7aabdc #a2c4e7 #7a7adc #bc95e3 #ab7adc #8962b0

Complementary Mix

#494984 #7a7adc #afafea #dcdc7a #e8e8a9 #8f8f4f

Nearby Colors

#7a7adb
#7a7add
#7a7acc
#7a7aec

Embed #7A7ADC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #7A7ADC

#7A7ADC converts to RGB(122, 122, 220) and HSL(240, 58%, 67%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#7A7ADC FAQs

What is the RGB value of #7A7ADC?
RGB: 122, 122, 220. Copy as CSS: rgb(122, 122, 220)
Is #7A7ADC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7A7ADC?
Complement: #dcdc7a.
Does #7A7ADC have good contrast on white or black?
On white: 3.72:1 (AA (large text)). On black: 5.64:1 (AA (normal text)).