#CBC4FC

Color Details

HEX
#CBC4FC
RGB
rgb(203, 196, 252)
HSL
hsl(248, 90%, 88%)
CMYK
cmyk(19%, 22%, 0%, 1%)
Best text on this color #000000 (CR 12.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cbc4fc
Contrast 12.84:1 AAA
White on #cbc4fc
Contrast 1.64:1 Fail
#cbc4fc on Black
Contrast 12.84:1 AAA
#cbc4fc on White
Contrast 1.64:1 Fail

Tints & Shades

#d5d0fd
#e0dcfd
#eae7fe
#a29dca
#7a7697
#514e65

Complement & Analogous

#f5fcc5
#e8c5fc
#c5d9fc

Triadic

#fcccc5
#c5fccc

Monochrome

#514e65 #7a7697 #cbc4fc #e0dcfd #eae7fe #f5f3fe

Analogous

#c5d9fc #d6e4fd #cbc4fc #edd1fd #e8c5fc #ba9eca

Complementary Mix

#7a7697 #cbc4fc #e0dcfd #f5fcc5 #f9fdd9 #9fa480

Nearby Colors

#cbc4fb
#cbc4fd
#cbc4ec
#cbc50c

Embed #CBC4FC swatch

Embed this swatch

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

Open image

About #CBC4FC

#CBC4FC converts to RGB(203, 196, 252) and HSL(248, 90%, 88%). 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).

#CBC4FC FAQs

What is the RGB value of #CBC4FC?
RGB: 203, 196, 252. Copy as CSS: rgb(203, 196, 252)
Is #CBC4FC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CBC4FC?
Complement: #f5fcc5.
Does #CBC4FC have good contrast on white or black?
On white: 1.64:1 (Fails AA). On black: 12.84:1 (AAA (normal text)).