#DCF5FF

#DCF5FF

Color Values

HEX

#DCF5FF

RGB

220, 245, 255

HSL

197.1, 100.0%, 93.1%

HSV

197.1, 13.7%, 100.0%

CMYK

13.7%, 3.9%, 0.0%, 0.0%

OKLCH

0.955 0.0295 223.8

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#DCF5FF

#FFE6DC

Analogous

#DCFFF7

#DCE3FF

#DCF5FF

Triadic

#DCF5FF

#FFDCF5

#F5FFDC

Split Complementary

#DCF5FF

#FFDCE3

#FFF7DC

Tetradic

#DCF5FF

#F7DCFF

#FFE6DC

#E3FFDC

Color Blindness Simulation

Original

#DCF5FF

Protanopia

#E7E7FD

Deuteranopia

#E5E4FC

Tritanopia

#DDFBFA

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B8EBFF
300
#85DCFF
400
#42C9FF
500
#00B6FF
600
#0092CC
700
#0075A3
800
#005B80
900
#05435C
950
#032A3A

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.55:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026