#DEF2FC

#DEF2FC

Color Values

HEX

#DEF2FC

RGB

222, 242, 252

HSL

200.0, 83.3%, 92.9%

HSV

200.0, 11.9%, 98.8%

CMYK

11.9%, 4.0%, 0.0%, 1.2%

OKLCH

0.9494 0.0251 229.1

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DEF2FC

#FCE8DE

Analogous

#DEFCF7

#DEE3FC

#DEF2FC

Triadic

#DEF2FC

#FCDEF2

#F2FCDE

Split Complementary

#DEF2FC

#FCDEE3

#FCF7DE

Tetradic

#DEF2FC

#F7DEFC

#FCE8DE

#E3FCDE

Color Blindness Simulation

Original

#DEF2FC

Protanopia

#E7E7FA

Deuteranopia

#E6E4F9

Tritanopia

#DFF8F7

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E1F1FA
200
#BEE5F9
300
#8FD3F5
400
#52BBEF
500
#15A3EA
600
#1182BB
700
#0E6896
800
#0B5175
900
#0C3D55
950
#082636

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.21:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026