#DFF2FC

#DFF2FC

Color Values

HEX

#DFF2FC

RGB

223, 242, 252

HSL

200.7, 82.9%, 93.1%

HSV

200.7, 11.5%, 98.8%

CMYK

11.5%, 4.0%, 0.0%, 1.2%

OKLCH

0.9501 0.0242 230.4

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DFF2FC

#FCE9DF

Analogous

#DFFCF7

#DFE3FC

#DFF2FC

Triadic

#DFF2FC

#FCDFF2

#F2FCDF

Split Complementary

#DFF2FC

#FCDFE3

#FCF7DF

Tetradic

#DFF2FC

#F7DFFC

#FCE9DF

#E3FCDF

Color Blindness Simulation

Original

#DFF2FC

Protanopia

#E7E7FA

Deuteranopia

#E6E5F9

Tritanopia

#E0F8F7

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E1F1FA
200
#BEE4F9
300
#8FD2F5
400
#52B9EF
500
#16A0E9
600
#1180BB
700
#0E6795
800
#0B5075
900
#0C3C55
950
#082635

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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