#7C8EFC

Color Details

HEX
#7C8EFC
RGB
rgb(124, 142, 252)
HSL
hsl(232, 96%, 74%)
CMYK
cmyk(51%, 44%, 0%, 1%)
Best text on this color #000000 (CR 7.13:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7c8efc
Contrast 7.13:1 AAA
White on #7c8efc
Contrast 2.94:1 Fail
#7c8efc on Black
Contrast 7.13:1 AAA
#7c8efc on White
Contrast 2.94:1 Fail

Tints & Shades

#96a5fd
#b0bbfd
#cbd2fe
#6372ca
#4a5597
#323965

Complement & Analogous

#fceb7d
#ac7dfc
#7dcefc

Triadic

#fc7d8e
#8efc7d

Monochrome

#323965 #4a5597 #7c8efc #b0bbfd #cbd2fe #e5e8fe

Analogous

#7dcefc #a4ddfd #7c8efc #bd97fd #ac7dfc #8a64ca

Complementary Mix

#4a5597 #7c8efc #b0bbfd #fceb7d #fdf2ab #a49951

Nearby Colors

#7c8efb
#7c8efd
#7c8eec
#7c8f0c

Embed #7C8EFC swatch

Embed this swatch

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

Open image

About #7C8EFC

#7C8EFC converts to RGB(124, 142, 252) and HSL(232, 96%, 74%). 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).

#7C8EFC FAQs

What is the RGB value of #7C8EFC?
RGB: 124, 142, 252. Copy as CSS: rgb(124, 142, 252)
Is #7C8EFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7C8EFC?
Complement: #fceb7d.
Does #7C8EFC have good contrast on white or black?
On white: 2.94:1 (Fails AA). On black: 7.13:1 (AAA (normal text)).