#C8CAD3

Color Details

HEX
#C8CAD3
RGB
rgb(200, 202, 211)
HSL
hsl(229, 11%, 81%)
CMYK
cmyk(5%, 4%, 0%, 17%)
Best text on this color #000000 (CR 12.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c8cad3
Contrast 12.84:1 AAA
White on #c8cad3
Contrast 1.63:1 Fail
#c8cad3 on Black
Contrast 12.84:1 AAA
#c8cad3 on White
Contrast 1.63:1 Fail

Tints & Shades

#d3d5dc
#dedfe5
#e9eaed
#a0a2a9
#78797f
#505154

Complement & Analogous

#d4d2c9
#cbc4d9
#c4d2d9

Triadic

#d4c9cb
#cbd4c9

Monochrome

#505154 #78797f #c8cad3 #dedfe5 #e9eaed #f4f4f6

Analogous

#c4d2d9 #d6e0e4 #c8cad3 #d5d0e1 #cbc4d9 #a29dae

Complementary Mix

#78797f #c8cad3 #dedfe5 #d4d2c9 #e3e2dc #8a8983

Nearby Colors

#c8cad2
#c8cad4
#c8cac3
#c8cae3

Embed #C8CAD3 swatch

Embed this swatch

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

Open image

About #C8CAD3

#C8CAD3 converts to RGB(200, 202, 211) and HSL(229, 11%, 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).

#C8CAD3 FAQs

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