#7C7DCC

Color Details

HEX
#7C7DCC
RGB
rgb(124, 125, 204)
HSL
hsl(239, 44%, 64%)
CMYK
cmyk(39%, 39%, 0%, 20%)
Best text on this color #000000 (CR 5.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7c7dcc
Contrast 5.66:1 AA
White on #7c7dcc
Contrast 3.71:1 Fail
#7c7dcc on Black
Contrast 5.66:1 AA
#7c7dcc on White
Contrast 3.71:1 Fail

Tints & Shades

#9697d6
#b0b1e0
#cbcbeb
#6364a3
#4a4b7a
#323252

Complement & Analogous

#ccca7b
#a27bcc
#7ba5cc

Triadic

#cc7b7c
#7ccc7b

Monochrome

#323252 #4a4b7a #7c7dcc #b0b1e0 #cbcbeb #e5e5f5

Analogous

#7ba5cc #a3c0db #7c7dcc #b595d6 #a27bcc #8262a3

Complementary Mix

#4a4b7a #7c7dcc #b0b1e0 #ccca7b #dedda9 #858350

Nearby Colors

#7c7dcb
#7c7dcd
#7c7dbc
#7c7ddc

Embed #7C7DCC swatch

Embed this swatch

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

Open image

About #7C7DCC

#7C7DCC converts to RGB(124, 125, 204) and HSL(239, 44%, 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).

#7C7DCC FAQs

What is the RGB value of #7C7DCC?
RGB: 124, 125, 204. Copy as CSS: rgb(124, 125, 204)
Is #7C7DCC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7C7DCC?
Complement: #ccca7b.
Does #7C7DCC have good contrast on white or black?
On white: 3.71:1 (AA (large text)). On black: 5.66:1 (AA (normal text)).