#21988F

#21988F

Color Values

HEX

#21988F

RGB

33, 152, 143

HSL

175.5, 64.3%, 36.3%

HSV

175.5, 78.3%, 59.6%

CMYK

78.3%, 0.0%, 5.9%, 40.4%

OKLCH

0.6157 0.1 187.1

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#21988F

#98212A

Analogous

#219854

#216598

#21988F

Triadic

#21988F

#8F2198

#988F21

Split Complementary

#21988F

#982165

#985421

Tetradic

#21988F

#542198

#98212A

#659821

Color Blindness Simulation

Original

#21988F

Protanopia

#555691

Deuteranopia

#4E4592

Tritanopia

#279393

Achromatopsia

#7E7E7E

CSS Usage

background-color: #21988F;
color: #21988F;
border-color: #21988F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F2EF
300
#9AE9E3
400
#64DDD4
500
#2ED1C5
600
#24A89E
700
#1D867E
800
#176963
900
#144C48
950
#0D302E

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

5.95:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026