#20B1DF

#20B1DF

Color Values

HEX

#20B1DF

RGB

32, 177, 223

HSL

194.5, 74.9%, 50.0%

HSV

194.5, 85.7%, 87.5%

CMYK

85.7%, 20.6%, 0.0%, 12.5%

OKLCH

0.7098 0.1298 226.1

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#20B1DF

#DF4E20

Analogous

#20DFAE

#2051DF

#20B1DF

Triadic

#20B1DF

#DF20B1

#B1DF20

Split Complementary

#20B1DF

#DF2051

#DFAE20

Tetradic

#20B1DF

#AE20DF

#DF4E20

#51DF20

Color Blindness Simulation

Original

#20B1DF

Protanopia

#5F60D4

Deuteranopia

#564CD1

Tritanopia

#27CBC9

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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