#DDEDEB

#DDEDEB

Color Values

HEX

#DDEDEB

RGB

221, 237, 235

HSL

172,5, 30,8%, 89,8%

HSV

172,5, 6,8%, 92,9%

CMYK

6,8%, 0,0%, 0,8%, 7,1%

OKLCH

0,9336 0,0172 187,9

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DDEDEB

#EDDDDF

Analogous

#DDEDE3

#DDE7ED

#DDEDEB

Triadic

#DDEDEB

#EBDDED

#EDEBDD

Split Complementary

#DDEDEB

#EDDDE7

#EDE3DD

Tetradic

#DDEDEB

#E3DDED

#EDDDDF

#E7EDDD

Color Blindness Simulation

Original

#DDEDEB

Protanopia

#E4E4EB

Deuteranopia

#E3E2EC

Tritanopia

#DEECEC

Achromatopsia

#E9E9E9

CSS Usage

background-color: #DDEDEB;
color: #DDEDEB;
border-color: #DDEDEB;
Nearest Tailwind: Teal 50 #F0FDFA

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E6E4
300
#AFD5D0
400
#84BEB6
500
#58A79D
600
#47857E
700
#386B64
800
#2C534E
900
#233E3B
950
#162725

Contrast Checker

Text on white

1,21:1

AA Fail AAA Fail

Text on black

17,39:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026