#C4C6EB

Color Details

HEX
#C4C6EB
RGB
rgb(196, 198, 235)
HSL
hsl(237, 49%, 85%)
CMYK
cmyk(17%, 16%, 0%, 8%)
Best text on this color #000000 (CR 12.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c4c6eb
Contrast 12.62:1 AAA
White on #c4c6eb
Contrast 1.66:1 Fail
#c4c6eb on Black
Contrast 12.62:1 AAA
#c4c6eb on White
Contrast 1.66:1 Fail

Tints & Shades

#d0d1ef
#dcddf3
#e7e8f7
#9d9ebc
#76778d
#4e4f5e

Complement & Analogous

#ebeac6
#d7c6eb
#c6dbeb

Triadic

#ebc6c8
#c8ebc6

Monochrome

#4e4f5e #76778d #c4c6eb #dcddf3 #e7e8f7 #f3f4fb

Analogous

#c6dbeb #d7e6f1 #c4c6eb #dfd1ef #d7c6eb #ac9ebc

Complementary Mix

#76778d #c4c6eb #dcddf3 #ebeac6 #f2f1da #999881

Nearby Colors

#c4c6ea
#c4c6ec
#c4c6db
#c4c6fb

Embed #C4C6EB swatch

Embed this swatch

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

Open image

About #C4C6EB

#C4C6EB converts to RGB(196, 198, 235) and HSL(237, 49%, 85%). 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).

#C4C6EB FAQs

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