#21999D

#21999D

Color Values

HEX

#21999D

RGB

33, 153, 157

HSL

181.9, 65.3%, 37.3%

HSV

181.9, 79.0%, 61.6%

CMYK

79.0%, 2.5%, 0.0%, 38.4%

OKLCH

0.6233 0.0989 198.4

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#21999D

#9D2521

Analogous

#219D63

#215B9D

#21999D

Triadic

#21999D

#9D2199

#999D21

Split Complementary

#21999D

#9D215B

#9D6321

Tetradic

#21999D

#63219D

#9D2521

#5B9D21

Color Blindness Simulation

Original

#21999D

Protanopia

#55569C

Deuteranopia

#4E459C

Tritanopia

#279B9B

Achromatopsia

#808080

CSS Usage

background-color: #21999D;
color: #21999D;
border-color: #21999D;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F1F3
300
#9AE7EA
400
#63DADE
500
#2CCDD3
600
#23A4A9
700
#1C8487
800
#166769
900
#144B4D
950
#0D2F31

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026