#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

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026