#21887A

#21887A

Color Values

HEX

#21887A

RGB

33, 136, 122

HSL

171.8, 60.9%, 33.1%

HSV

171.8, 75.7%, 53.3%

CMYK

75.7%, 0.0%, 10.3%, 46.7%

OKLCH

0.5667 0.0928 181.6

Properties

Cool Light Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#21887A

#88212F

Analogous

#218846

#216288

#21887A

Triadic

#21887A

#7A2188

#887A21

Split Complementary

#21887A

#882162

#884621

Tetradic

#21887A

#462188

#88212F

#628821

Color Blindness Simulation

Original

#21887A

Protanopia

#4E4E7D

Deuteranopia

#48407E

Tritanopia

#268081

Achromatopsia

#717171

CSS Usage

background-color: #21887A;
color: #21887A;
border-color: #21887A;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFA
100
#E4F6F4
200
#C6F1EB
300
#9DE7DD
400
#67DACA
500
#32CDB8
600
#28A493
700
#208376
800
#19675C
900
#164B44
950
#0E2F2B

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.87:1

AA Pass AAA Fail

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