#C696C9

Color Details

HEX
#C696C9
RGB
rgb(198, 150, 201)
HSL
hsl(296, 32%, 69%)
CMYK
cmyk(1%, 25%, 0%, 21%)
Best text on this color #000000 (CR 8.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c696c9
Contrast 8.61:1 AAA
White on #c696c9
Contrast 2.44:1 Fail
#c696c9 on Black
Contrast 8.61:1 AAA
#c696c9 on White
Contrast 2.44:1 Fail

Tints & Shades

#d1abd4
#ddc0df
#e8d5e9
#9e78a1
#775a79
#4f3c50

Complement & Analogous

#9ac997
#c997b3
#ad97c9

Triadic

#c9c697
#97c9c6

Monochrome

#4f3c50 #775a79 #c696c9 #ddc0df #e8d5e9 #f4eaf4

Analogous

#ad97c9 #c6b6d9 #c696c9 #d4acc2 #c997b3 #a1798f

Complementary Mix

#775a79 #c696c9 #ddc0df #9ac997 #bddcbb #648362

Nearby Colors

#c696c8
#c696ca
#c696b9
#c696d9

Embed #C696C9 swatch

Embed this swatch

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

Open image

About #C696C9

#C696C9 converts to RGB(198, 150, 201) and HSL(296, 32%, 69%). 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).

#C696C9 FAQs

What is the RGB value of #C696C9?
RGB: 198, 150, 201. Copy as CSS: rgb(198, 150, 201)
Is #C696C9 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C696C9?
Complement: #9ac997.
Does #C696C9 have good contrast on white or black?
On white: 2.44:1 (Fails AA). On black: 8.61:1 (AAA (normal text)).