#21AAB4

#21AAB4

Color Values

HEX

#21AAB4

RGB

33, 170, 180

HSL

184.1, 69.0%, 41.8%

HSV

184.1, 81.7%, 70.6%

CMYK

81.7%, 5.6%, 0.0%, 29.4%

OKLCH

0.6749 0.1088 202.7

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#21AAB4

#B42B21

Analogous

#21B475

#2161B4

#21AAB4

Triadic

#21AAB4

#B421AA

#AAB421

Split Complementary

#21AAB4

#B42161

#B47521

Tetradic

#21AAB4

#7521B4

#B42B21

#61B421

Color Blindness Simulation

Original

#21AAB4

Protanopia

#5C5EB2

Deuteranopia

#544AB1

Tritanopia

#28B0AF

Achromatopsia

#8E8E8E

CSS Usage

background-color: #21AAB4;
color: #21AAB4;
border-color: #21AAB4;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FBFC
100
#E3F6F8
200
#C3F1F4
300
#98E6EC
400
#60D9E2
500
#28CBD7
600
#20A3AC
700
#19828A
800
#14666C
900
#124A4F
950
#0C2F32

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.47:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026