#02A296

#02A296

Color Values

HEX

#02A296

RGB

2, 162, 150

HSL

175.5, 97.6%, 32.2%

HSV

175.5, 98.8%, 63.5%

CMYK

98.8%, 0.0%, 7.4%, 36.5%

OKLCH

0.6408 0.1123 185.6

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#02A296

#A2020E

Analogous

#02A246

#025EA2

#02A296

Triadic

#02A296

#9602A2

#A29602

Split Complementary

#02A296

#A2025E

#A24602

Tetradic

#02A296

#4602A2

#A2020E

#5EA202

Color Blindness Simulation

Original

#02A296

Protanopia

#474999

Deuteranopia

#3E329A

Tritanopia

#0A9B9C

Achromatopsia

#7F7F7F

CSS Usage

background-color: #02A296;
color: #02A296;
border-color: #02A296;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B8FEF9
300
#86FEF5
400
#45FDEF
500
#03FCE9
600
#02CABB
700
#02A195
800
#027E75
900
#065B55
950
#043935

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.61:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026