#21AFB4

#21AFB4

Color Values

HEX

#21AFB4

RGB

33, 175, 180

HSL

182.0, 69.0%, 41.8%

HSV

182.0, 81.7%, 70.6%

CMYK

81.7%, 2.8%, 0.0%, 29.4%

OKLCH

0.6873 0.111 198.7

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#21AFB4

#B42621

Analogous

#21B46F

#2166B4

#21AFB4

Triadic

#21AFB4

#B421AF

#AFB421

Split Complementary

#21AFB4

#B42166

#B46F21

Tetradic

#21AFB4

#6F21B4

#B42621

#66B421

Color Blindness Simulation

Original

#21AFB4

Protanopia

#5F60B3

Deuteranopia

#564CB2

Tritanopia

#28B2B2

Achromatopsia

#919191

CSS Usage

background-color: #21AFB4;
color: #21AFB4;
border-color: #21AFB4;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFC
100
#E3F7F8
200
#C3F2F4
300
#98E9EC
400
#60DDE2
500
#28D2D7
600
#20A8AC
700
#19868A
800
#14696C
900
#124D4F
950
#0C3032

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

7.86:1

AA Pass AAA Pass

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