#20ADB0

#20ADB0

Color Values

HEX

#20ADB0

RGB

32, 173, 176

HSL

181.2, 69.2%, 40.8%

HSV

181.2, 81.8%, 69.0%

CMYK

81.8%, 1.7%, 0.0%, 31.0%

OKLCH

0.6807 0.1102 197.2

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#20ADB0

#B02320

Analogous

#20B06B

#2065B0

#20ADB0

Triadic

#20ADB0

#B020AD

#ADB020

Split Complementary

#20ADB0

#B02065

#B06B20

Tetradic

#20ADB0

#6B20B0

#B02320

#65B020

Color Blindness Simulation

Original

#20ADB0

Protanopia

#5D5EAF

Deuteranopia

#554AAF

Tritanopia

#27AFAF

Achromatopsia

#8F8F8F

CSS Usage

background-color: #20ADB0;
color: #20ADB0;
border-color: #20ADB0;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFC
100
#E3F7F8
200
#C3F3F4
300
#97EAEC
400
#5FDFE2
500
#27D4D8
600
#1FAAAD
700
#19888A
800
#146A6C
900
#124D4F
950
#0C3132

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026