#766DBA

Color Details

HEX
#766DBA
RGB
rgb(118, 109, 186)
HSL
hsl(247, 36%, 58%)
CMYK
cmyk(37%, 41%, 0%, 27%)
Best text on this color #000000 (CR 4.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #766dba
Contrast 4.67:1 AA
White on #766dba
Contrast 4.50:1 Fail
#766dba on Black
Contrast 4.67:1 AA
#766dba on White
Contrast 4.50:1 Fail

Tints & Shades

#918ac8
#ada7d6
#c8c5e3
#5e5795
#474170
#2f2c4a

Complement & Analogous

#b1ba6d
#9d6dba
#6d8bba

Triadic

#ba766d
#6dba76

Monochrome

#2f2c4a #474170 #766dba #ada7d6 #c8c5e3 #e4e2f1

Analogous

#6d8bba #99aecf #766dba #b18ac8 #9d6dba #7e5795

Complementary Mix

#474170 #766dba #ada7d6 #b1ba6d #ccd2a0 #737947

Nearby Colors

#766db9
#766dbb
#766daa
#766dca

Embed #766DBA swatch

Embed this swatch

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

Open image

About #766DBA

#766DBA converts to RGB(118, 109, 186) and HSL(247, 36%, 58%). 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).

#766DBA FAQs

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