#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026