#21A6AF

#21A6AF

Color Values

HEX

#21A6AF

RGB

33, 166, 175

HSL

183.8, 68.3%, 40.8%

HSV

183.8, 81.1%, 68.6%

CMYK

81.1%, 5.1%, 0.0%, 31.4%

OKLCH

0.663 0.1065 202.1

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#21A6AF

#AF2A21

Analogous

#21AF71

#215FAF

#21A6AF

Triadic

#21A6AF

#AF21A6

#A6AF21

Split Complementary

#21A6AF

#AF215F

#AF7121

Tetradic

#21A6AF

#7121AF

#AF2A21

#5FAF21

Color Blindness Simulation

Original

#21A6AF

Protanopia

#5B5CAD

Deuteranopia

#5349AC

Tritanopia

#28ABAB

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F8
200
#C3F1F4
300
#98E6EC
400
#60D9E1
500
#28CCD7
600
#20A3AC
700
#1A8289
800
#14666B
900
#134A4E
950
#0C2F31

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.14:1

AA Pass AAA Pass

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