#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

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026