#CAD1EB

Color Details

HEX
#CAD1EB
RGB
rgb(202, 209, 235)
HSL
hsl(227, 45%, 86%)
CMYK
cmyk(14%, 11%, 0%, 8%)
Best text on this color #000000 (CR 13.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cad1eb
Contrast 13.83:1 AAA
White on #cad1eb
Contrast 1.52:1 Fail
#cad1eb on Black
Contrast 13.83:1 AAA
#cad1eb on White
Contrast 1.52:1 Fail

Tints & Shades

#d5daef
#dfe3f3
#eaedf7
#a2a7bc
#797d8d
#51545e

Complement & Analogous

#ebe4cb
#d4cbeb
#cbe2eb

Triadic

#ebcbd2
#d2ebcb

Monochrome

#51545e #797d8d #cad1eb #dfe3f3 #eaedf7 #f4f6fb

Analogous

#cbe2eb #dbebf1 #cad1eb #ddd5ef #d4cbeb #aaa2bc

Complementary Mix

#797d8d #cad1eb #dfe3f3 #ebe4cb #f2eddd #999484

Nearby Colors

#cad1ea
#cad1ec
#cad1db
#cad1fb

Embed #CAD1EB swatch

Embed this swatch

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

Open image

About #CAD1EB

#CAD1EB converts to RGB(202, 209, 235) and HSL(227, 45%, 86%). 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).

#CAD1EB FAQs

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