#CF7BF4

Color Details

HEX
#CF7BF4
RGB
rgb(207, 123, 244)
HSL
hsl(282, 85%, 72%)
CMYK
cmyk(15%, 50%, 0%, 4%)
Best text on this color #000000 (CR 7.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cf7bf4
Contrast 7.79:1 AAA
White on #cf7bf4
Contrast 2.69:1 Fail
#cf7bf4 on Black
Contrast 7.79:1 AAA
#cf7bf4 on White
Contrast 2.69:1 Fail

Tints & Shades

#d995f6
#e2b0f8
#eccafb
#a662c3
#7c4a92
#533162

Complement & Analogous

#9ff47b
#f47bdc
#937bf4

Triadic

#f4d07b
#7bf4d0

Monochrome

#533162 #7c4a92 #cf7bf4 #e2b0f8 #eccafb #f5e5fd

Analogous

#937bf4 #b3a3f7 #cf7bf4 #f695e3 #f47bdc #c362b0

Complementary Mix

#7c4a92 #cf7bf4 #e2b0f8 #9ff47b #c1f8a9 #679f50

Nearby Colors

#cf7bf3
#cf7bf5
#cf7be4
#cf7c04

Embed #CF7BF4 swatch

Embed this swatch

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

Open image

About #CF7BF4

#CF7BF4 converts to RGB(207, 123, 244) and HSL(282, 85%, 72%). 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).

#CF7BF4 FAQs

What is the RGB value of #CF7BF4?
RGB: 207, 123, 244. Copy as CSS: rgb(207, 123, 244)
Is #CF7BF4 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CF7BF4?
Complement: #9ff47b.
Does #CF7BF4 have good contrast on white or black?
On white: 2.69:1 (Fails AA). On black: 7.79:1 (AAA (normal text)).