#DEF2F9

#DEF2F9

Color Values

HEX

#DEF2F9

RGB

222, 242, 249

HSL

195,6, 69,2%, 92,4%

HSV

195,6, 10,8%, 97,6%

CMYK

10,8%, 2,8%, 0,0%, 2,4%

OKLCH

0,9485 0,0231 220,7

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DEF2F9

#F9E5DE

Analogous

#DEF9F3

#DEE5F9

#DEF2F9

Triadic

#DEF2F9

#F9DEF2

#F2F9DE

Split Complementary

#DEF2F9

#F9DEE5

#F9F3DE

Tetradic

#DEF2F9

#F3DEF9

#F9E5DE

#E5F9DE

Color Blindness Simulation

Original

#DEF2F9

Protanopia

#E7E7F7

Deuteranopia

#E6E4F7

Tritanopia

#DFF6F6

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F2F8
200
#C3E7F4
300
#97D6EC
400
#5FC0E2
500
#27AAD8
600
#1F88AD
700
#196D8A
800
#14556C
900
#123F4F
950
#0C2832

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,17: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