#20B0DF

#20B0DF

Color Values

HEX

#20B0DF

RGB

32, 176, 223

HSL

194.8, 74.9%, 50.0%

HSV

194.8, 85.7%, 87.5%

CMYK

85.7%, 21.1%, 0.0%, 12.5%

OKLCH

0.7075 0.1302 226.8

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#20B0DF

#DF4F20

Analogous

#20DFAF

#2050DF

#20B0DF

Triadic

#20B0DF

#DF20B0

#B0DF20

Split Complementary

#20B0DF

#DF2050

#DFAF20

Tetradic

#20B0DF

#AF20DF

#DF4F20

#50DF20

Color Blindness Simulation

Original

#20B0DF

Protanopia

#5E60D4

Deuteranopia

#564BD1

Tritanopia

#27CBC9

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F2FAFC
100
#E2F3F9
200
#C1E9F6
300
#94D9F0
400
#5AC4E7
500
#20B0DF
600
#1A8DB2
700
#14718F
800
#10586F
900
#104151
950
#0A2933

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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