#CACAD6

Color Details

HEX
#CACAD6
RGB
rgb(202, 202, 214)
HSL
hsl(240, 13%, 82%)
CMYK
cmyk(6%, 6%, 0%, 16%)
Best text on this color #000000 (CR 12.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cacad6
Contrast 12.93:1 AAA
White on #cacad6
Contrast 1.62:1 Fail
#cacad6 on Black
Contrast 12.93:1 AAA
#cacad6 on White
Contrast 1.62:1 Fail

Tints & Shades

#d5d5de
#dfdfe6
#eaeaef
#a2a2ab
#797980
#515156

Complement & Analogous

#d7d7cb
#d1c7db
#c7d1db

Triadic

#d7cbcb
#cbd7cb

Monochrome

#515156 #797980 #cacad6 #dfdfe6 #eaeaef #f4f4f7

Analogous

#c7d1db #d8dfe6 #cacad6 #dad2e2 #d1c7db #a79faf

Complementary Mix

#797980 #cacad6 #dfdfe6 #d7d7cb #e5e5dd #8c8c84

Nearby Colors

#cacad5
#cacad7
#cacac6
#cacae6

Embed #CACAD6 swatch

Embed this swatch

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

Open image

About #CACAD6

#CACAD6 converts to RGB(202, 202, 214) and HSL(240, 13%, 82%). 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).

#CACAD6 FAQs

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