#C696C8

Color Details

HEX
#C696C8
RGB
rgb(198, 150, 200)
HSL
hsl(298, 31%, 69%)
CMYK
cmyk(1%, 25%, 0%, 22%)
Best text on this color #000000 (CR 8.60:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c696c8
Contrast 8.60:1 AAA
White on #c696c8
Contrast 2.44:1 Fail
#c696c8 on Black
Contrast 8.60:1 AAA
#c696c8 on White
Contrast 2.44:1 Fail

Tints & Shades

#d1abd3
#ddc0de
#e8d5e9
#9e78a0
#775a78
#4f3c50

Complement & Analogous

#99c897
#c897b2
#ae97c8

Triadic

#c8c797
#97c8c7

Monochrome

#4f3c50 #775a78 #c696c8 #ddc0de #e8d5e9 #f4eaf4

Analogous

#ae97c8 #c6b6d9 #c696c8 #d3acc1 #c897b2 #a0798e

Complementary Mix

#775a78 #c696c8 #ddc0de #99c897 #bddbbb #638262

Nearby Colors

#c696c7
#c696c9
#c696b8
#c696d8

Embed #C696C8 swatch

Embed this swatch

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

Open image

About #C696C8

#C696C8 converts to RGB(198, 150, 200) and HSL(298, 31%, 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).

#C696C8 FAQs

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