#DEEFEC

#DEEFEC

Color Values

HEX

#DEEFEC

RGB

222, 239, 236

HSL

169.4, 34.7%, 90.4%

HSV

169.4, 7.1%, 93.7%

CMYK

7.1%, 0.0%, 1.3%, 6.3%

OKLCH

0.9387 0.0184 184.3

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DEEFEC

#EFDEE1

Analogous

#DEEFE4

#DEEAEF

#DEEFEC

Triadic

#DEEFEC

#ECDEEF

#EFECDE

Split Complementary

#DEEFEC

#EFDEEA

#EFE4DE

Tetradic

#DEEFEC

#E4DEEF

#EFDEE1

#EAEFDE

Color Blindness Simulation

Original

#DEEFEC

Protanopia

#E5E6ED

Deuteranopia

#E4E3ED

Tritanopia

#DFEDED

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE8E3
300
#ADD7D0
400
#80C1B6
500
#53AC9C
600
#43897D
700
#356E64
800
#2A564E
900
#21403A
950
#152825

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.66: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