#746ECC

Color Details

HEX
#746ECC
RGB
rgb(116, 110, 204)
HSL
hsl(244, 48%, 62%)
CMYK
cmyk(43%, 46%, 0%, 20%)
Best text on this color #000000 (CR 4.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #746ecc
Contrast 4.84:1 AA
White on #746ecc
Contrast 4.33:1 Fail
#746ecc on Black
Contrast 4.84:1 AA
#746ecc on White
Contrast 4.33:1 Fail

Tints & Shades

#908bd6
#aca8e0
#c7c5eb
#5d58a3
#46427a
#2e2c52

Complement & Analogous

#c6cd70
#a470cd
#7098cd

Triadic

#cd7670
#70cd76

Monochrome

#2e2c52 #46427a #746ecc #aca8e0 #c7c5eb #e3e2f5

Analogous

#7098cd #9bb7dc #746ecc #b68dd7 #a470cd #835aa4

Complementary Mix

#46427a #746ecc #aca8e0 #c6cd70 #dadfa2 #818549

Nearby Colors

#746ecb
#746ecd
#746ebc
#746edc

Embed #746ECC swatch

Embed this swatch

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

Open image

About #746ECC

#746ECC converts to RGB(116, 110, 204) and HSL(244, 48%, 62%). 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).

#746ECC FAQs

What is the RGB value of #746ECC?
RGB: 116, 110, 204. Copy as CSS: rgb(116, 110, 204)
Is #746ECC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #746ECC?
Complement: #c6cd70.
Does #746ECC have good contrast on white or black?
On white: 4.33:1 (AA (large text)). On black: 4.84:1 (AA (normal text)).