#CAD0D3

Color Details

HEX
#CAD0D3
RGB
rgb(202, 208, 211)
HSL
hsl(200, 9%, 81%)
CMYK
cmyk(4%, 1%, 0%, 17%)
Best text on this color #000000 (CR 13.47:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cad0d3
Contrast 13.47:1 AAA
White on #cad0d3
Contrast 1.56:1 Fail
#cad0d3 on Black
Contrast 13.47:1 AAA
#cad0d3 on White
Contrast 1.56:1 Fail

Tints & Shades

#d5d9dc
#dfe3e5
#eaeced
#a2a6a9
#797d7f
#515354

Complement & Analogous

#d3cdca
#c4c7d9
#c4d9d6

Triadic

#d3cad0
#d0d3ca

Monochrome

#515354 #797d7f #cad0d3 #dfe3e5 #eaeced #f4f6f6

Analogous

#c4d9d6 #d6e4e2 #cad0d3 #d0d2e1 #c4c7d9 #9d9fae

Complementary Mix

#797d7f #cad0d3 #dfe3e5 #d3cdca #e2dfdd #898583

Nearby Colors

#cad0d2
#cad0d4
#cad0c3
#cad0e3

Embed #CAD0D3 swatch

Embed this swatch

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

Open image

About #CAD0D3

#CAD0D3 converts to RGB(202, 208, 211) and HSL(200, 9%, 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).

#CAD0D3 FAQs

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