#DEEEF2

#DEEEF2

Color Values

HEX

#DEEEF2

RGB

222, 238, 242

HSL

192.0, 43.5%, 91.0%

HSV

192.0, 8.3%, 94.9%

CMYK

8.3%, 1.7%, 0.0%, 5.1%

OKLCH

0.9384 0.0178 214.4

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DEEEF2

#F2E2DE

Analogous

#DEF2EC

#DEE4F2

#DEEEF2

Triadic

#DEEEF2

#F2DEEE

#EEF2DE

Split Complementary

#DEEEF2

#F2DEE4

#F2ECDE

Tetradic

#DEEEF2

#ECDEF2

#F2E2DE

#E4F2DE

Color Blindness Simulation

Original

#DEEEF2

Protanopia

#E5E5F1

Deuteranopia

#E4E3F1

Tritanopia

#DFF0F0

Achromatopsia

#EBEBEB

CSS Usage

background-color: #DEEEF2;
color: #DEEEF2;
border-color: #DEEEF2;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F5F9FA
100
#E7F1F4
200
#CCE5EB
300
#A7D2DC
400
#78B9CA
500
#48A1B7
600
#3A8192
700
#2E6775
800
#24505B
900
#1D3C43
950
#13262B

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.62:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026