#D2CAD6

#D2CAD6

Color Values

HEX

#D2CAD6

RGB

210, 202, 214

HSL

280.0, 12.8%, 81.6%

HSV

280.0, 5.6%, 83.9%

CMYK

1.9%, 5.6%, 0.0%, 16.1%

OKLCH

0.849 0.0186 314.7

Properties

Cool Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#D2CAD6

#CED6CA

Analogous

#CCCAD6

#D6CAD4

#D2CAD6

Triadic

#D2CAD6

#D6D2CA

#CAD6D2

Split Complementary

#D2CAD6

#D4D6CA

#CAD6CC

Tetradic

#D2CAD6

#D6CCCA

#CED6CA

#CAD4D6

Color Blindness Simulation

Original

#D2CAD6

Protanopia

#CFCED3

Deuteranopia

#CFD0D2

Tritanopia

#D2D1D0

Achromatopsia

#CDCDCD

CSS Usage

background-color: #D2CAD6;
color: #D2CAD6;
border-color: #D2CAD6;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C4BACA
400
#A595AD
500
#856F90
600
#6A5973
700
#55475C
800
#423848
900
#322B36
950
#201B22

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.16: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