#D97EF5

Color Details

HEX
#D97EF5
RGB
rgb(217, 126, 245)
HSL
hsl(286, 86%, 73%)
CMYK
cmyk(11%, 49%, 0%, 4%)
Best text on this color #000000 (CR 8.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d97ef5
Contrast 8.25:1 AAA
White on #d97ef5
Contrast 2.54:1 Fail
#d97ef5 on Black
Contrast 8.25:1 AAA
#d97ef5 on White
Contrast 2.54:1 Fail

Tints & Shades

#e198f7
#e8b2f9
#f0cbfb
#ae65c4
#824c93
#573262

Complement & Analogous

#9bf57f
#f57fd6
#9f7ff5

Triadic

#f5da7f
#7ff5da

Monochrome

#573262 #824c93 #d97ef5 #e8b2f9 #f0cbfb #f7e5fd

Analogous

#9f7ff5 #bca5f8 #d97ef5 #f799de #f57fd6 #c466ab

Complementary Mix

#824c93 #d97ef5 #e8b2f9 #9bf57f #bef9ac #659f53

Nearby Colors

#d97ef4
#d97ef6
#d97ee5
#d97f05

Embed #D97EF5 swatch

Embed this swatch

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

Open image

About #D97EF5

#D97EF5 converts to RGB(217, 126, 245) and HSL(286, 86%, 73%). 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).

#D97EF5 FAQs

What is the RGB value of #D97EF5?
RGB: 217, 126, 245. Copy as CSS: rgb(217, 126, 245)
Is #D97EF5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #D97EF5?
Complement: #9bf57f.
Does #D97EF5 have good contrast on white or black?
On white: 2.54:1 (Fails AA). On black: 8.25:1 (AAA (normal text)).