#20D1DF

#20D1DF

Color Values

HEX

#20D1DF

RGB

32, 209, 223

HSL

184.4, 74.9%, 50.0%

HSV

184.4, 85.7%, 87.5%

CMYK

85.7%, 6.3%, 0.0%, 12.5%

OKLCH

0.7864 0.1297 203.7

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#20D1DF

#DF2E20

Analogous

#20DF8E

#2071DF

#20D1DF

Triadic

#20D1DF

#DF20D1

#D1DF20

Split Complementary

#20D1DF

#DF2071

#DF8E20

Tetradic

#20D1DF

#8E20DF

#DF2E20

#71DF20

Color Blindness Simulation

Original

#20D1DF

Protanopia

#6D6EDC

Deuteranopia

#6255DB

Tritanopia

#29D9D8

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C1F2F6
300
#94E9F0
400
#5ADDE7
500
#20D1DF
600
#1AA7B2
700
#14868F
800
#10686F
900
#104C51
950
#0A3033

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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