#DDDFFF

#DDDFFF

Color Values

HEX

#DDDFFF

RGB

221, 223, 255

HSL

236.5, 100.0%, 93.3%

HSV

236.5, 13.3%, 100.0%

CMYK

13.3%, 12.5%, 0.0%, 0.0%

OKLCH

0.912 0.0436 282.7

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DDDFFF

#FFFDDD

Analogous

#DDF0FF

#ECDDFF

#DDDFFF

Triadic

#DDDFFF

#FFDDDF

#DFFFDD

Split Complementary

#DDDFFF

#FFECDD

#F0FFDD

Tetradic

#DDDFFF

#FFDDF0

#FFFDDD

#DDFFEC

Color Blindness Simulation

Original

#DDDFFF

Protanopia

#DEDEF7

Deuteranopia

#DEDEF5

Tritanopia

#DDF1F0

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BCFF
300
#858CFF
400
#424DFF
500
#000FFF
600
#000CCC
700
#000AA3
800
#000780
900
#050A5C
950
#03063A

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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