#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026