#DFF4F3

#DFF4F3

Color Values

HEX

#DFF4F3

RGB

223, 244, 243

HSL

177.1, 48.8%, 91.6%

HSV

177.1, 8.6%, 95.7%

CMYK

8.6%, 0.0%, 0.4%, 4.3%

OKLCH

0.9515 0.0221 193.3

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DFF4F3

#F4DFE0

Analogous

#DFF4E9

#DFEBF4

#DFF4F3

Triadic

#DFF4F3

#F3DFF4

#F4F3DF

Split Complementary

#DFF4F3

#F4DFEB

#F4E9DF

Tetradic

#DFF4F3

#E9DFF4

#F4DFE0

#EBF4DF

Color Blindness Simulation

Original

#DFF4F3

Protanopia

#E8E8F3

Deuteranopia

#E7E5F3

Tritanopia

#E0F3F3

Achromatopsia

#EFEFEF

CSS Usage

background-color: #DFF4F3;
color: #DFF4F3;
border-color: #DFF4F3;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

50
#F4FBFA
100
#E6F5F4
200
#CAEDEB
300
#A4E0DD
400
#73CFCA
500
#41BEB8
600
#349893
700
#2A7976
800
#215F5C
900
#1B4644
950
#112C2B

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.37:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026