#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

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