#DFF6FC

#DFF6FC

Color Values

HEX

#DFF6FC

RGB

223, 246, 252

HSL

192,4, 82,9%, 93,1%

HSV

192,4, 11,5%, 98,8%

CMYK

11,5%, 2,4%, 0,0%, 1,2%

OKLCH

0,9581 0,0254 215,1

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DFF6FC

#FCE5DF

Analogous

#DFFCF3

#DFE7FC

#DFF6FC

Triadic

#DFF6FC

#FCDFF6

#F6FCDF

Split Complementary

#DFF6FC

#FCDFE7

#FCF3DF

Tetradic

#DFF6FC

#F3DFFC

#FCE5DF

#E7FCDF

Color Blindness Simulation

Original

#DFF6FC

Protanopia

#E9E9FB

Deuteranopia

#E8E6FA

Tritanopia

#E0F9F9

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F5FA
200
#BEEDF9
300
#8FE0F5
400
#52CFEF
500
#16BEE9
600
#1198BB
700
#0E7995
800
#0B5F75
900
#0C4655
950
#082C35

Contrast Checker

Text on white

1,12:1

AA Fail AAA Fail

Text on black

18,73:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026