#DCF2F1

#DCF2F1

Color Values

HEX

#DCF2F1

RGB

220, 242, 241

HSL

177.3, 45.8%, 90.6%

HSV

177.3, 9.1%, 94.9%

CMYK

9.1%, 0.0%, 0.4%, 5.1%

OKLCH

0.9447 0.0232 193.5

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DCF2F1

#F2DCDD

Analogous

#DCF2E6

#DCE8F2

#DCF2F1

Triadic

#DCF2F1

#F1DCF2

#F2F1DC

Split Complementary

#DCF2F1

#F2DCE8

#F2E6DC

Tetradic

#DCF2F1

#E6DCF2

#F2DCDD

#E8F2DC

Color Blindness Simulation

Original

#DCF2F1

Protanopia

#E6E6F1

Deuteranopia

#E4E3F1

Tritanopia

#DDF1F1

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBECEA
300
#A6DEDB
400
#75CCC8
500
#45BAB5
600
#379591
700
#2C7774
800
#235D5A
900
#1C4443
950
#122B2A

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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