#DDD7FE

#DDD7FE

Color Values

HEX

#DDD7FE

RGB

221, 215, 254

HSL

249.2, 95.1%, 92.0%

HSV

249.2, 15.4%, 99.6%

CMYK

13.0%, 15.4%, 0.0%, 0.4%

OKLCH

0.8962 0.0534 292.3

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DDD7FE

#F8FED7

Analogous

#D7E5FE

#F1D7FE

#DDD7FE

Triadic

#DDD7FE

#FEDDD7

#D7FEDD

Split Complementary

#DDD7FE

#FEF1D7

#E5FED7

Tetradic

#DDD7FE

#FED7E5

#F8FED7

#D7FEF1

Color Blindness Simulation

Original

#DDD7FE

Protanopia

#DADAF5

Deuteranopia

#DBDBF2

Tritanopia

#DDEDEB

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F3F1FE
100
#E3DFFC
200
#C4B9FD
300
#9988FC
400
#6247FA
500
#2B06F9
600
#2305C7
700
#1C049F
800
#16037C
900
#14075A
950
#0C0439

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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