#DFF9F6

#DFF9F6

Color Values

HEX

#DFF9F6

RGB

223, 249, 246

HSL

173.1, 68.4%, 92.5%

HSV

173.1, 10.4%, 97.6%

CMYK

10.4%, 0.0%, 1.2%, 2.4%

OKLCH

0.9624 0.0274 188.3

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DFF9F6

#F9DFE2

Analogous

#DFF9E9

#DFEFF9

#DFF9F6

Triadic

#DFF9F6

#F6DFF9

#F9F6DF

Split Complementary

#DFF9F6

#F9DFEF

#F9E9DF

Tetradic

#DFF9F6

#E9DFF9

#F9DFE2

#EFF9DF

Color Blindness Simulation

Original

#DFF9F6

Protanopia

#EAEAF7

Deuteranopia

#E9E7F7

Tritanopia

#E0F7F7

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F8F5
200
#C3F4EE
300
#98ECE2
400
#60E1D2
500
#28D7C3
600
#20AC9C
700
#1A897D
800
#146B61
900
#134E47
950
#0C312D

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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