#DCFFF8

#DCFFF8

Color Values

HEX

#DCFFF8

RGB

220, 255, 248

HSL

168,0, 100,0%, 93,1%

HSV

168,0, 13,7%, 100,0%

CMYK

13,7%, 0,0%, 2,7%, 0,0%

OKLCH

0,9732 0,0372 182,1

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DCFFF8

#FFDCE3

Analogous

#DCFFE6

#DCF4FF

#DCFFF8

Triadic

#DCFFF8

#F8DCFF

#FFF8DC

Split Complementary

#DCFFF8

#FFDCF4

#FFE6DC

Tetradic

#DCFFF8

#E6DCFF

#FFDCE3

#F4FFDC

Color Blindness Simulation

Original

#DCFFF8

Protanopia

#EBEBFA

Deuteranopia

#E9E6FA

Tritanopia

#DEFBFB

Achromatopsia

#F7F7F7

CSS Usage

background-color: #DCFFF8;
color: #DCFFF8;
border-color: #DCFFF8;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F1FEFB
100
#DEFCF6
200
#B8FFF1
300
#85FFE7
400
#42FFD9
500
#00FFCC
600
#00CCA3
700
#00A383
800
#008066
900
#055C4B
950
#033A2F

Contrast Checker

Text on white

1,07:1

AA Fail AAA Fail

Text on black

19,7: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