#21AFAC

#21AFAC

Color Values

HEX

#21AFAC

RGB

33, 175, 172

HSL

178,7, 68,3%, 40,8%

HSV

178,7, 81,1%, 68,6%

CMYK

81,1%, 0,0%, 1,7%, 31,4%

OKLCH

0,6845 0,1114 192,6

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#21AFAC

#AF2124

Analogous

#21AF65

#216BAF

#21AFAC

Triadic

#21AFAC

#AC21AF

#AFAC21

Split Complementary

#21AFAC

#AF216B

#AF6521

Tetradic

#21AFAC

#6521AF

#AF2124

#6BAF21

Color Blindness Simulation

Original

#21AFAC

Protanopia

#5F60AD

Deuteranopia

#564CAD

Tritanopia

#28ADAD

Achromatopsia

#919191

CSS Usage

background-color: #21AFAC;
color: #21AFAC;
border-color: #21AFAC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFC
100
#E3F8F7
200
#C3F4F3
300
#98ECEA
400
#60E1DE
500
#28D7D3
600
#20ACA9
700
#1A8987
800
#146B69
900
#134E4D
950
#0C3131

Contrast Checker

Text on white

2,69:1

AA Fail AAA Fail

Text on black

7,79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026