#21B4B2

#21B4B2

Color Values

HEX

#21B4B2

RGB

33, 180, 178

HSL

179.2, 69.0%, 41.8%

HSV

179.2, 81.7%, 70.6%

CMYK

81.7%, 0.0%, 1.1%, 29.4%

OKLCH

0.6991 0.114 193.4

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#21B4B2

#B42123

Analogous

#21B469

#216DB4

#21B4B2

Triadic

#21B4B2

#B221B4

#B4B221

Split Complementary

#21B4B2

#B4216D

#B46921

Tetradic

#21B4B2

#6921B4

#B42123

#6DB421

Color Blindness Simulation

Original

#21B4B2

Protanopia

#6162B2

Deuteranopia

#584DB3

Tritanopia

#28B3B3

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F8F7
200
#C3F4F3
300
#98ECEB
400
#60E2E0
500
#28D7D5
600
#20ACAB
700
#198A88
800
#146C6B
900
#124F4E
950
#0C3231

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.24:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026