#20D0DF

#20D0DF

Color Values

HEX

#20D0DF

RGB

32, 208, 223

HSL

184.7, 74.9%, 50.0%

HSV

184.7, 85.7%, 87.5%

CMYK

85.7%, 6.7%, 0.0%, 12.5%

OKLCH

0.784 0.1294 204.4

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#20D0DF

#DF2F20

Analogous

#20DF8E

#2071DF

#20D0DF

Triadic

#20D0DF

#DF20D0

#D0DF20

Split Complementary

#20D0DF

#DF2071

#DF8E20

Tetradic

#20D0DF

#8E20DF

#DF2F20

#71DF20

Color Blindness Simulation

Original

#20D0DF

Protanopia

#6C6EDB

Deuteranopia

#6255DA

Tritanopia

#29D9D8

Achromatopsia

#ACACAC

CSS Usage

background-color: #20D0DF;
color: #20D0DF;
border-color: #20D0DF;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FBFC
100
#E2F7F9
200
#C1F2F6
300
#94E8F0
400
#5ADCE7
500
#20D0DF
600
#1AA6B2
700
#14858F
800
#10686F
900
#104C51
950
#0A3033

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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