#C3C8DB

Color Details

HEX
#C3C8DB
RGB
rgb(195, 200, 219)
HSL
hsl(228, 25%, 81%)
CMYK
cmyk(11%, 9%, 0%, 14%)
Best text on this color #000000 (CR 12.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c3c8db
Contrast 12.61:1 AAA
White on #c3c8db
Contrast 1.67:1 Fail
#c3c8db on Black
Contrast 12.61:1 AAA
#c3c8db on White
Contrast 1.67:1 Fail

Tints & Shades

#cfd3e2
#dbdee9
#e7e9f1
#9ca0af
#757883
#4e5058

Complement & Analogous

#dbd6c2
#cac2db
#c2d3db

Triadic

#dbc2c7
#c7dbc2

Monochrome

#4e5058 #757883 #c3c8db #dbdee9 #e7e9f1 #f3f4f8

Analogous

#c2d3db #d4e0e6 #c3c8db #d5cee2 #cac2db #a29baf

Complementary Mix

#757883 #c3c8db #dbdee9 #dbd6c2 #e8e4d7 #8e8b7e

Nearby Colors

#c3c8da
#c3c8dc
#c3c8cb
#c3c8eb

Embed #C3C8DB swatch

Embed this swatch

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

Open image

About #C3C8DB

#C3C8DB converts to RGB(195, 200, 219) and HSL(228, 25%, 81%). 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).

#C3C8DB FAQs

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