#CAD3EF

#CAD3EF

Color Values

HEX

#CAD3EF

RGB

202, 211, 239

HSL

225.4, 53.6%, 86.5%

HSV

225.4, 15.5%, 93.7%

CMYK

15.5%, 11.7%, 0.0%, 6.3%

OKLCH

0.8688 0.04 271.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CAD3EF

#EFE6CA

Analogous

#CAE6EF

#D4CAEF

#CAD3EF

Triadic

#CAD3EF

#EFCAD3

#D3EFCA

Split Complementary

#CAD3EF

#EFD4CA

#E6EFCA

Tetradic

#CAD3EF

#EFCAE6

#EFE6CA

#CAEFD4

Color Blindness Simulation

Original

#CAD3EF

Protanopia

#CECEE8

Deuteranopia

#CDCDE7

Tritanopia

#CAE3E2

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5E9F5
200
#C8D1EE
300
#A1B1E3
400
#6E87D3
500
#3B5CC4
600
#2F4A9D
700
#263B7D
800
#1E2E62
900
#192448
950
#10172D

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.08:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026