#20CCFF

#20CCFF

Color Values

HEX

#20CCFF

RGB

32, 204, 255

HSL

193,7, 100,0%, 56,3%

HSV

193,7, 87,5%, 100,0%

CMYK

87,5%, 20,0%, 0,0%, 0,0%

OKLCH

0,7876 0,1445 225,1

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#20CCFF

#FF5320

Analogous

#20FFC2

#205DFF

#20CCFF

Triadic

#20CCFF

#FF20CC

#CCFF20

Split Complementary

#20CCFF

#FF205D

#FFC220

Tetradic

#20CCFF

#C220FF

#FF5320

#5DFF20

Color Blindness Simulation

Original

#20CCFF

Protanopia

#6B6CF3

Deuteranopia

#6054F0

Tritanopia

#29E9E7

Achromatopsia

#ABABAB

CSS Usage

background-color: #20CCFF;
color: #20CCFF;
border-color: #20CCFF;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B8EFFF
300
#85E3FF
400
#42D4FF
500
#00C5FF
600
#009DCC
700
#007EA3
800
#006280
900
#05485C
950
#032E3A

Contrast Checker

Text on white

1,88:1

AA Fail AAA Fail

Text on black

11,14: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