#8A7EDC

Color Details

HEX
#8A7EDC
RGB
rgb(138, 126, 220)
HSL
hsl(248, 57%, 68%)
CMYK
cmyk(37%, 43%, 0%, 14%)
Best text on this color #000000 (CR 6.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8a7edc
Contrast 6.10:1 AA
White on #8a7edc
Contrast 3.44:1 Fail
#8a7edc on Black
Contrast 6.10:1 AA
#8a7edc on White
Contrast 3.44:1 Fail

Tints & Shades

#a198e3
#b9b2ea
#d0cbf1
#6e65b0
#534c84
#373258

Complement & Analogous

#d0dc7f
#ba7fdc
#7fa1dc

Triadic

#dc8b7f
#7fdc8b

Monochrome

#373258 #534c84 #8a7edc #b9b2ea #d0cbf1 #e8e5f8

Analogous

#7fa1dc #a5bde7 #8a7edc #c899e3 #ba7fdc #9566b0

Complementary Mix

#534c84 #8a7edc #b9b2ea #d0dc7f #e0e8ac #878f53

Nearby Colors

#8a7edb
#8a7edd
#8a7ecc
#8a7eec

Embed #8A7EDC swatch

Embed this swatch

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

Open image

About #8A7EDC

#8A7EDC converts to RGB(138, 126, 220) and HSL(248, 57%, 68%). 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).

#8A7EDC FAQs

What is the RGB value of #8A7EDC?
RGB: 138, 126, 220. Copy as CSS: rgb(138, 126, 220)
Is #8A7EDC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8A7EDC?
Complement: #d0dc7f.
Does #8A7EDC have good contrast on white or black?
On white: 3.44:1 (AA (large text)). On black: 6.10:1 (AA (normal text)).