#21AB99

#21AB99

Color Values

HEX

#21AB99

RGB

33, 171, 153

HSL

172.2, 67.6%, 40.0%

HSV

172.2, 80.7%, 67.1%

CMYK

80.7%, 0.0%, 10.5%, 32.9%

OKLCH

0.668 0.1136 181.4

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#21AB99

#AB2133

Analogous

#21AB54

#2178AB

#21AB99

Triadic

#21AB99

#9921AB

#AB9921

Split Complementary

#21AB99

#AB2178

#AB5421

Tetradic

#21AB99

#5421AB

#AB2133

#78AB21

Color Blindness Simulation

Original

#21AB99

Protanopia

#5D5E9D

Deuteranopia

#554A9E

Tritanopia

#28A1A2

Achromatopsia

#8C8C8C

CSS Usage

background-color: #21AB99;
color: #21AB99;
border-color: #21AB99;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C3F3ED
300
#98EBE0
400
#61E0D0
500
#29D6BF
600
#21AB99
700
#1A897A
800
#156B60
900
#134E46
950
#0C312C

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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