#766ADC

Color Details

HEX
#766ADC
RGB
rgb(118, 106, 220)
HSL
hsl(246, 62%, 64%)
CMYK
cmyk(46%, 52%, 0%, 14%)
Best text on this color #000000 (CR 4.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #766adc
Contrast 4.87:1 AA
White on #766adc
Contrast 4.32:1 Fail
#766adc on Black
Contrast 4.87:1 AA
#766adc on White
Contrast 4.32:1 Fail

Tints & Shades

#9188e3
#ada6ea
#c8c3f1
#5e55b0
#474084
#2f2a58

Complement & Analogous

#d1dc6a
#af6adc
#6a98dc

Triadic

#dc766a
#6adc76

Monochrome

#2f2a58 #474084 #766adc #ada6ea #c8c3f1 #e4e1f8

Analogous

#6a98dc #97b7e7 #766adc #bf88e3 #af6adc #8c55b0

Complementary Mix

#474084 #766adc #ada6ea #d1dc6a #e1e89e #888f45

Nearby Colors

#766adb
#766add
#766acc
#766aec

Embed #766ADC swatch

Embed this swatch

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

Open image

About #766ADC

#766ADC converts to RGB(118, 106, 220) and HSL(246, 62%, 64%). 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).

#766ADC FAQs

What is the RGB value of #766ADC?
RGB: 118, 106, 220. Copy as CSS: rgb(118, 106, 220)
Is #766ADC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #766ADC?
Complement: #d1dc6a.
Does #766ADC have good contrast on white or black?
On white: 4.32:1 (AA (large text)). On black: 4.87:1 (AA (normal text)).