#DFEDEC

#DFEDEC

Color Values

HEX

#DFEDEC

RGB

223, 237, 236

HSL

175,7, 28,0%, 90,2%

HSV

175,7, 5,9%, 92,9%

CMYK

5,9%, 0,0%, 0,4%, 7,1%

OKLCH

0,9354 0,0149 191,8

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DFEDEC

#EDDFE0

Analogous

#DFEDE5

#DFE7ED

#DFEDEC

Triadic

#DFEDEC

#ECDFED

#EDECDF

Split Complementary

#DFEDEC

#EDDFE7

#EDE5DF

Tetradic

#DFEDEC

#E5DFED

#EDDFE0

#E7EDDF

Color Blindness Simulation

Original

#DFEDEC

Protanopia

#E5E5EC

Deuteranopia

#E4E3EC

Tritanopia

#E0ECEC

Achromatopsia

#EAEAEA

CSS Usage

background-color: #DFEDEC;
color: #DFEDEC;
border-color: #DFEDEC;
Nearest Tailwind: Gray 200 #E5E7EB

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D1E5E4
300
#B1D3D0
400
#86BBB7
500
#5CA39E
600
#49837E
700
#3B6865
800
#2E524F
900
#243D3B
950
#172625

Contrast Checker

Text on white

1,2:1

AA Fail AAA Fail

Text on black

17,46: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