#20B3DF

#20B3DF

Color Values

HEX

#20B3DF

RGB

32, 179, 223

HSL

193.8, 74.9%, 50.0%

HSV

193.8, 85.7%, 87.5%

CMYK

85.7%, 19.7%, 0.0%, 12.5%

OKLCH

0.7146 0.1292 224.7

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#20B3DF

#DF4C20

Analogous

#20DFAB

#2054DF

#20B3DF

Triadic

#20B3DF

#DF20B3

#B3DF20

Split Complementary

#20B3DF

#DF2054

#DFAB20

Tetradic

#20B3DF

#AB20DF

#DF4C20

#54DF20

Color Blindness Simulation

Original

#20B3DF

Protanopia

#6061D4

Deuteranopia

#574CD2

Tritanopia

#27CCCA

Achromatopsia

#979797

CSS Usage

background-color: #20B3DF;
color: #20B3DF;
border-color: #20B3DF;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FAFC
100
#E2F3F9
200
#C1EAF6
300
#94DBF0
400
#5AC7E7
500
#20B3DF
600
#1A8FB2
700
#14738F
800
#105A6F
900
#104251
950
#0A2A33

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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