#DDDFFC

#DDDFFC

Color Values

HEX

#DDDFFC

RGB

221, 223, 252

HSL

236,1, 83,8%, 92,7%

HSV

236,1, 12,3%, 98,8%

CMYK

12,3%, 11,5%, 0,0%, 1,2%

OKLCH

0,911 0,0395 282,5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DDDFFC

#FCFADD

Analogous

#DDEEFC

#EADDFC

#DDDFFC

Triadic

#DDDFFC

#FCDDDF

#DFFCDD

Split Complementary

#DDDFFC

#FCEADD

#EEFCDD

Tetradic

#DDDFFC

#FCDDEE

#FCFADD

#DDFCEA

Color Blindness Simulation

Original

#DDDFFC

Protanopia

#DEDEF5

Deuteranopia

#DEDEF3

Tritanopia

#DDEFEE

Achromatopsia

#E1E1E1

CSS Usage

background-color: #DDDFFC;
color: #DDDFFC;
border-color: #DDDFFC;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BDC1F9
300
#8F95F5
400
#525CF0
500
#1523EA
600
#111CBB
700
#0D1696
800
#0A1175
900
#0C1155
950
#080B36

Contrast Checker

Text on white

1,31:1

AA Fail AAA Fail

Text on black

16,04: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