#DFF2F3

#DFF2F3

Color Values

HEX

#DFF2F3

RGB

223, 242, 243

HSL

183.0, 45.5%, 91.4%

HSV

183.0, 8.2%, 95.3%

CMYK

8.2%, 0.4%, 0.0%, 4.7%

OKLCH

0.9474 0.0201 200.6

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DFF2F3

#F3E0DF

Analogous

#DFF3EA

#DFE8F3

#DFF2F3

Triadic

#DFF2F3

#F3DFF2

#F2F3DF

Split Complementary

#DFF2F3

#F3DFE8

#F3EADF

Tetradic

#DFF2F3

#EADFF3

#F3E0DF

#E8F3DF

Color Blindness Simulation

Original

#DFF2F3

Protanopia

#E7E7F3

Deuteranopia

#E6E5F3

Tritanopia

#E0F3F3

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBEAEC
300
#A6DBDE
400
#76C7CC
500
#45B4BA
600
#389094
700
#2C7377
800
#235A5D
900
#1D4244
950
#122A2B

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.13: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