#DDDEEE

#DDDEEE

Color Values

HEX

#DDDEEE

RGB

221, 222, 238

HSL

236.5, 33.3%, 90.0%

HSV

236.5, 7.1%, 93.3%

CMYK

7.1%, 6.7%, 0.0%, 6.7%

OKLCH

0.9046 0.0217 283.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DDDEEE

#EEEDDD

Analogous

#DDE6EE

#E5DDEE

#DDDEEE

Triadic

#DDDEEE

#EEDDDE

#DEEEDD

Split Complementary

#DDDEEE

#EEE5DD

#E6EEDD

Tetradic

#DDDEEE

#EEDDE6

#EEEDDD

#DDEEE5

Color Blindness Simulation

Original

#DDDEEE

Protanopia

#DDDDEA

Deuteranopia

#DDDDE9

Tritanopia

#DDE7E6

Achromatopsia

#DFDFDF

CSS Usage

background-color: #DDDEEE;
color: #DDDEEE;
border-color: #DDDEEE;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

50
#F5F5FA
100
#E8E9F2
200
#CFD1E7
300
#ADB0D6
400
#8185C0
500
#555AAA
600
#444888
700
#363A6D
800
#2B2D55
900
#22243F
950
#151628

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026