#DFF4FC

#DFF4FC

Color Values

HEX

#DFF4FC

RGB

223, 244, 252

HSL

196,6, 82,9%, 93,1%

HSV

196,6, 11,5%, 98,8%

CMYK

11,5%, 3,2%, 0,0%, 1,2%

OKLCH

0,9541 0,0246 222,6

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DFF4FC

#FCE7DF

Analogous

#DFFCF5

#DFE5FC

#DFF4FC

Triadic

#DFF4FC

#FCDFF4

#F4FCDF

Split Complementary

#DFF4FC

#FCDFE5

#FCF5DF

Tetradic

#DFF4FC

#F5DFFC

#FCE7DF

#E5FCDF

Color Blindness Simulation

Original

#DFF4FC

Protanopia

#E8E8FA

Deuteranopia

#E7E5FA

Tritanopia

#E0F9F8

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E1F3FA
200
#BEE9F9
300
#8FD8F5
400
#52C4EF
500
#16AFE9
600
#118CBB
700
#0E7095
800
#0B5775
900
#0C4155
950
#082935

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,48:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

فبراير 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

فبراير 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

فبراير 20, 2026