#DDE8EB

#DDE8EB

Color Values

HEX

#DDE8EB

RGB

221, 232, 235

HSL

192.9, 25.9%, 89.4%

HSV

192.9, 6.0%, 92.2%

CMYK

6.0%, 1.3%, 0.0%, 7.8%

OKLCH

0.9236 0.0125 215.8

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DDE8EB

#EBE0DD

Analogous

#DDEBE7

#DDE1EB

#DDE8EB

Triadic

#DDE8EB

#EBDDE8

#E8EBDD

Split Complementary

#DDE8EB

#EBDDE1

#EBE7DD

Tetradic

#DDE8EB

#E7DDEB

#EBE0DD

#E1EBDD

Color Blindness Simulation

Original

#DDE8EB

Protanopia

#E2E2EA

Deuteranopia

#E1E0EA

Tritanopia

#DEEAEA

Achromatopsia

#E6E6E6

CSS Usage

background-color: #DDE8EB;
color: #DDE8EB;
border-color: #DDE8EB;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2E1E5
300
#B2CBD2
400
#88AFB9
500
#5E92A1
600
#4C7580
700
#3C5E67
800
#2F4950
900
#25373C
950
#172326

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026