#DFF3FE

#DFF3FE

Color Values

HEX

#DFF3FE

RGB

223, 243, 254

HSL

201,3, 93,9%, 93,5%

HSV

201,3, 12,2%, 99,6%

CMYK

12,2%, 4,3%, 0,0%, 0,4%

OKLCH

0,9527 0,0258 231,6

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DFF3FE

#FEEADF

Analogous

#DFFEF9

#DFE3FE

#DFF3FE

Triadic

#DFF3FE

#FEDFF3

#F3FEDF

Split Complementary

#DFF3FE

#FEDFE3

#FEF9DF

Tetradic

#DFF3FE

#F9DFFE

#FEEADF

#E3FEDF

Color Blindness Simulation

Original

#DFF3FE

Protanopia

#E8E8FB

Deuteranopia

#E6E5FB

Tritanopia

#E0F9F9

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BAE5FD
300
#88D2FB
400
#48BAF9
500
#08A2F7
600
#0682C6
700
#05689E
800
#04517C
900
#083C59
950
#052638

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,39:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026