#DFEEEB

#DFEEEB

Color Values

HEX

#DFEEEB

RGB

223, 238, 235

HSL

168.0, 30.6%, 90.4%

HSV

168.0, 6.3%, 93.3%

CMYK

6.3%, 0.0%, 1.3%, 6.7%

OKLCH

0.9371 0.0164 182.7

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DFEEEB

#EEDFE2

Analogous

#DFEEE4

#DFEAEE

#DFEEEB

Triadic

#DFEEEB

#EBDFEE

#EEEBDF

Split Complementary

#DFEEEB

#EEDFEA

#EEE4DF

Tetradic

#DFEEEB

#E4DFEE

#EEDFE2

#EAEEDF

Color Blindness Simulation

Original

#DFEEEB

Protanopia

#E5E6EC

Deuteranopia

#E5E4EC

Tritanopia

#E0ECEC

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F0
200
#D0E6E2
300
#AFD5CD
400
#84BEB2
500
#58A797
600
#478579
700
#396B61
800
#2C534B
900
#233E38
950
#162724

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026