#DEF2F9

#DEF2F9

Color Values

HEX

#DEF2F9

RGB

222, 242, 249

HSL

195.6, 69.2%, 92.4%

HSV

195.6, 10.8%, 97.6%

CMYK

10.8%, 2.8%, 0.0%, 2.4%

OKLCH

0.9485 0.0231 220.7

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DEF2F9

#F9E5DE

Analogous

#DEF9F3

#DEE5F9

#DEF2F9

Triadic

#DEF2F9

#F9DEF2

#F2F9DE

Split Complementary

#DEF2F9

#F9DEE5

#F9F3DE

Tetradic

#DEF2F9

#F3DEF9

#F9E5DE

#E5F9DE

Color Blindness Simulation

Original

#DEF2F9

Protanopia

#E7E7F7

Deuteranopia

#E6E4F7

Tritanopia

#DFF6F6

Achromatopsia

#EEEEEE

CSS Usage

background-color: #DEF2F9;
color: #DEF2F9;
border-color: #DEF2F9;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F3FAFC
100
#E3F2F8
200
#C3E7F4
300
#97D6EC
400
#5FC0E2
500
#27AAD8
600
#1F88AD
700
#196D8A
800
#14556C
900
#123F4F
950
#0C2832

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.17:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026