#DDEEF2

#DDEEF2

Color Values

HEX

#DDEEF2

RGB

221, 238, 242

HSL

191.4, 44.7%, 90.8%

HSV

191.4, 8.7%, 94.9%

CMYK

8.7%, 1.7%, 0.0%, 5.1%

OKLCH

0.9377 0.0188 213.4

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DDEEF2

#F2E1DD

Analogous

#DDF2EC

#DDE4F2

#DDEEF2

Triadic

#DDEEF2

#F2DDEE

#EEF2DD

Split Complementary

#DDEEF2

#F2DDE4

#F2ECDD

Tetradic

#DDEEF2

#ECDDF2

#F2E1DD

#E4F2DD

Color Blindness Simulation

Original

#DDEEF2

Protanopia

#E4E5F1

Deuteranopia

#E3E2F1

Tritanopia

#DEF0F0

Achromatopsia

#EBEBEB

CSS Usage

background-color: #DDEEF2;
color: #DDEEF2;
border-color: #DDEEF2;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CBE5EB
300
#A6D3DD
400
#76BBCB
500
#47A3B8
600
#388294
700
#2D6876
800
#23515C
900
#1D3D44
950
#12262B

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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