#21AB9C

#21AB9C

Color Values

HEX

#21AB9C

RGB

33, 171, 156

HSL

173.5, 67.6%, 40.0%

HSV

173.5, 80.7%, 67.1%

CMYK

80.7%, 0.0%, 8.8%, 32.9%

OKLCH

0.6689 0.1124 183.5

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#21AB9C

#AB2130

Analogous

#21AB57

#2175AB

#21AB9C

Triadic

#21AB9C

#9C21AB

#AB9C21

Split Complementary

#21AB9C

#AB2175

#AB5721

Tetradic

#21AB9C

#5721AB

#AB2130

#75AB21

Color Blindness Simulation

Original

#21AB9C

Protanopia

#5D5EA0

Deuteranopia

#554AA0

Tritanopia

#28A2A3

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C3F3EE
300
#98EBE2
400
#61E0D3
500
#29D6C3
600
#21AB9C
700
#1A897D
800
#156B62
900
#134E48
950
#0C312D

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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