#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026