#C8BAF4

Color Details

HEX
#C8BAF4
RGB
rgb(200, 186, 244)
HSL
hsl(254, 73%, 84%)
CMYK
cmyk(18%, 24%, 0%, 4%)
Best text on this color #000000 (CR 11.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c8baf4
Contrast 11.79:1 AAA
White on #c8baf4
Contrast 1.78:1 Fail
#c8baf4 on Black
Contrast 11.79:1 AAA
#c8baf4 on White
Contrast 1.78:1 Fail

Tints & Shades

#d3c8f6
#ded6f8
#e9e3fb
#a095c3
#787092
#504a62

Complement & Analogous

#e6f4b8
#e4b8f4
#b8c8f4

Triadic

#f4c6b8
#b8f4c6

Monochrome

#504a62 #787092 #c8baf4 #ded6f8 #e9e3fb #f4f1fd

Analogous

#b8c8f4 #cdd9f7 #c8baf4 #e9c6f6 #e4b8f4 #b693c3

Complementary Mix

#787092 #c8baf4 #ded6f8 #e6f4b8 #eff8d1 #969f78

Nearby Colors

#c8baf3
#c8baf5
#c8bae4
#c8bb04

Embed #C8BAF4 swatch

Embed this swatch

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

Open image

About #C8BAF4

#C8BAF4 converts to RGB(200, 186, 244) and HSL(254, 73%, 84%). 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).

#C8BAF4 FAQs

What is the RGB value of #C8BAF4?
RGB: 200, 186, 244. Copy as CSS: rgb(200, 186, 244)
Is #C8BAF4 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C8BAF4?
Complement: #e6f4b8.
Does #C8BAF4 have good contrast on white or black?
On white: 1.78:1 (Fails AA). On black: 11.79:1 (AAA (normal text)).