#20C3DF

#20C3DF

Color Values

HEX

#20C3DF

RGB

32, 195, 223

HSL

188.8, 74.9%, 50.0%

HSV

188.8, 85.7%, 87.5%

CMYK

85.7%, 12.6%, 0.0%, 12.5%

OKLCH

0.7528 0.1271 213.4

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#20C3DF

#DF3C20

Analogous

#20DF9C

#2063DF

#20C3DF

Triadic

#20C3DF

#DF20C3

#C3DF20

Split Complementary

#20C3DF

#DF2063

#DF9C20

Tetradic

#20C3DF

#9C20DF

#DF3C20

#63DF20

Color Blindness Simulation

Original

#20C3DF

Protanopia

#6768D8

Deuteranopia

#5D51D7

Tritanopia

#28D3D2

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F2FBFC
100
#E2F5F9
200
#C1EEF6
300
#94E2F0
400
#5AD3E7
500
#20C3DF
600
#1A9CB2
700
#147D8F
800
#10616F
900
#104851
950
#0A2D33

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

9.93:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026