#D1CFE5

#D1CFE5

Color Values

HEX

#D1CFE5

RGB

209, 207, 229

HSL

245.5, 29.7%, 85.5%

HSV

245.5, 9.6%, 89.8%

CMYK

8.7%, 9.6%, 0.0%, 10.2%

OKLCH

0.8628 0.0302 289.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D1CFE5

#E3E5CF

Analogous

#CFD8E5

#DCCFE5

#D1CFE5

Triadic

#D1CFE5

#E5D1CF

#CFE5D1

Split Complementary

#D1CFE5

#E5DCCF

#D8E5CF

Tetradic

#D1CFE5

#E5CFD8

#E3E5CF

#CFE5DC

Color Blindness Simulation

Original

#D1CFE5

Protanopia

#D0D0E0

Deuteranopia

#D0D0DE

Tritanopia

#D1DBDB

Achromatopsia

#D1D1D1

CSS Usage

background-color: #D1CFE5;
color: #D1CFE5;
border-color: #D1CFE5;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F5F9
100
#E9E9F2
200
#D3D1E6
300
#B3B0D4
400
#8A85BD
500
#615AA5
600
#4D4884
700
#3E396A
800
#302D53
900
#26233D
950
#181627

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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