#DFEEEC

#DFEEEC

Color Values

HEX

#DFEEEC

RGB

223, 238, 236

HSL

172,0, 30,6%, 90,4%

HSV

172,0, 6,3%, 93,3%

CMYK

6,3%, 0,0%, 0,8%, 6,7%

OKLCH

0,9374 0,0161 187,3

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DFEEEC

#EEDFE1

Analogous

#DFEEE5

#DFE9EE

#DFEEEC

Triadic

#DFEEEC

#ECDFEE

#EEECDF

Split Complementary

#DFEEEC

#EEDFE9

#EEE5DF

Tetradic

#DFEEEC

#E5DFEE

#EEDFE1

#E9EEDF

Color Blindness Simulation

Original

#DFEEEC

Protanopia

#E5E6EC

Deuteranopia

#E5E4ED

Tritanopia

#E0EDED

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D0E6E3
300
#AFD5D0
400
#84BEB6
500
#58A79C
600
#47857D
700
#396B64
800
#2C534E
900
#233E3A
950
#162725

Contrast Checker

Text on white

1,19:1

AA Fail AAA Fail

Text on black

17,58:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026