#CACDD3

#CACDD3

Color Values

HEX

#CACDD3

RGB

202, 205, 211

HSL

220.0, 9.3%, 81.0%

HSV

220.0, 4.3%, 82.7%

CMYK

4.3%, 2.8%, 0.0%, 17.3%

OKLCH

0.8477 0.0089 264.5

Properties

Cool Light Nearest: RAL 7047 Telegrey 4

Color Harmonies

Complementary

#CACDD3

#D3D0CA

Analogous

#CAD2D3

#CCCAD3

#CACDD3

Triadic

#CACDD3

#D3CACD

#CDD3CA

Split Complementary

#CACDD3

#D3CCCA

#D2D3CA

Tetradic

#CACDD3

#D3CAD2

#D3D0CA

#CAD3CC

Color Blindness Simulation

Original

#CACDD3

Protanopia

#CBCBD2

Deuteranopia

#CBCBD1

Tritanopia

#CAD0D0

Achromatopsia

#CDCDCD

CSS Usage

background-color: #CACDD3;
color: #CACDD3;
border-color: #CACDD3;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DADF
300
#BCC0C7
400
#989EA9
500
#747C8B
600
#5D636F
700
#4A4F59
800
#3A3E46
900
#2C2F35
950
#1C1E21

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026