#D7CFE5

#D7CFE5

Color Values

HEX

#D7CFE5

RGB

215, 207, 229

HSL

261.8, 29.7%, 85.5%

HSV

261.8, 9.6%, 89.8%

CMYK

6.1%, 9.6%, 0.0%, 10.2%

OKLCH

0.8676 0.0312 302.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D7CFE5

#DDE5CF

Analogous

#CFD2E5

#E2CFE5

#D7CFE5

Triadic

#D7CFE5

#E5D7CF

#CFE5D7

Split Complementary

#D7CFE5

#E5E2CF

#D2E5CF

Tetradic

#D7CFE5

#E5CFD2

#DDE5CF

#CFE5E2

Color Blindness Simulation

Original

#D7CFE5

Protanopia

#D4D3E0

Deuteranopia

#D4D5DE

Tritanopia

#D7DBDB

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#D8D1E6
300
#BDB0D4
400
#9985BD
500
#755AA5
600
#5E4884
700
#4B396A
800
#3B2D53
900
#2D233D
950
#1C1627

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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