#C1D4DB

Color Details

HEX
#C1D4DB
RGB
rgb(193, 212, 219)
HSL
hsl(196, 27%, 81%)
CMYK
cmyk(12%, 3%, 0%, 14%)
Best text on this color #000000 (CR 13.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c1d4db
Contrast 13.71:1 AAA
White on #c1d4db
Contrast 1.53:1 Fail
#c1d4db on Black
Contrast 13.71:1 AAA
#c1d4db on White
Contrast 1.53:1 Fail

Tints & Shades

#cddde2
#dae5e9
#e6eef1
#9aaaaf
#747f83
#4d5558

Complement & Analogous

#dcc8c1
#c1c8dc
#c1dcd6

Triadic

#dcc1d5
#d5dcc1

Monochrome

#4d5558 #747f83 #c1d4db #dae5e9 #e6eef1 #f3f6f8

Analogous

#c1dcd6 #d4e7e2 #c1d4db #cdd3e3 #c1c8dc #9aa0b0

Complementary Mix

#747f83 #c1d4db #dae5e9 #dcc8c1 #e8dbd7 #8f827d

Nearby Colors

#c1d4da
#c1d4dc
#c1d4cb
#c1d4eb

Embed #C1D4DB swatch

Embed this swatch

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

Open image

About #C1D4DB

#C1D4DB converts to RGB(193, 212, 219) and HSL(196, 27%, 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).

#C1D4DB FAQs

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