#CAD1ED

#CAD1ED

Color Values

HEX

#CAD1ED

RGB

202, 209, 237

HSL

228.0, 49.3%, 86.1%

HSV

228.0, 14.8%, 92.9%

CMYK

14.8%, 11.8%, 0.0%, 7.1%

OKLCH

0.8641 0.0395 274.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CAD1ED

#EDE6CA

Analogous

#CAE3ED

#D5CAED

#CAD1ED

Triadic

#CAD1ED

#EDCAD1

#D1EDCA

Split Complementary

#CAD1ED

#EDD5CA

#E3EDCA

Tetradic

#CAD1ED

#EDCAE3

#EDE6CA

#CAEDD5

Color Blindness Simulation

Original

#CAD1ED

Protanopia

#CDCDE6

Deuteranopia

#CDCCE5

Tritanopia

#CAE1E0

Achromatopsia

#D2D2D2

CSS Usage

background-color: #CAD1ED;
color: #CAD1ED;
border-color: #CAD1ED;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F5FB
100
#E6E9F5
200
#CAD1ED
300
#A4B0E0
400
#7285CF
500
#415ABE
600
#344898
700
#29397A
800
#202D5F
900
#1B2446
950
#11162C

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.85:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026