#D3CFED

#D3CFED

Color Values

HEX

#D3CFED

RGB

211, 207, 237

HSL

248,0, 45,5%, 87,1%

HSV

248,0, 12,7%, 92,9%

CMYK

11,0%, 12,7%, 0,0%, 7,1%

OKLCH

0,867 0,0413 291,6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D3CFED

#E9EDCF

Analogous

#CFDAED

#E2CFED

#D3CFED

Triadic

#D3CFED

#EDD3CF

#CFEDD3

Split Complementary

#D3CFED

#EDE2CF

#DAEDCF

Tetradic

#D3CFED

#EDCFDA

#E9EDCF

#CFEDE2

Color Blindness Simulation

Original

#D3CFED

Protanopia

#D1D1E6

Deuteranopia

#D2D2E4

Tritanopia

#D3E0DF

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCBEC
300
#ADA6DE
400
#8176CC
500
#5545BA
600
#443894
700
#362C77
800
#2A235D
900
#221D44
950
#15122B

Contrast Checker

Text on white

1,51:1

AA Fail AAA Fail

Text on black

13,92: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