#D7CFEA

#D7CFEA

Color Values

HEX

#D7CFEA

RGB

215, 207, 234

HSL

257.8, 39.1%, 86.5%

HSV

257.8, 11.5%, 91.8%

CMYK

8.1%, 11.5%, 0.0%, 8.2%

OKLCH

0.8692 0.0378 299.1

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D7CFEA

#E2EACF

Analogous

#CFD5EA

#E5CFEA

#D7CFEA

Triadic

#D7CFEA

#EAD7CF

#CFEAD7

Split Complementary

#D7CFEA

#EAE5CF

#D5EACF

Tetradic

#D7CFEA

#EACFD5

#E2EACF

#CFEAE5

Color Blindness Simulation

Original

#D7CFEA

Protanopia

#D4D3E3

Deuteranopia

#D4D5E2

Tritanopia

#D7DEDD

Achromatopsia

#D3D3D3

CSS Usage

background-color: #D7CFEA;
color: #D7CFEA;
border-color: #D7CFEA;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F6F5FA
100
#EBE7F3
200
#D6CDE9
300
#B8AADA
400
#927CC6
500
#6B4EB1
600
#563E8E
700
#453272
800
#362759
900
#2A1F41
950
#1A1429

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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