#0AA2A2

#0AA2A2

Color Values

HEX

#0AA2A2

RGB

10, 162, 162

HSL

180.0, 88.4%, 33.7%

HSV

180.0, 93.8%, 63.5%

CMYK

93.8%, 0.0%, 0.0%, 36.5%

OKLCH

0.6455 0.1089 194.8

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#0AA2A2

#A20A0A

Analogous

#0AA256

#0A56A2

#0AA2A2

Triadic

#0AA2A2

#A20AA2

#A2A20A

Split Complementary

#0AA2A2

#A20A56

#A2560A

Tetradic

#0AA2A2

#560AA2

#A20A0A

#56A20A

Color Blindness Simulation

Original

#0AA2A2

Protanopia

#4C4DA2

Deuteranopia

#4338A2

Tritanopia

#12A2A2

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FBFB
200
#BCFBFB
300
#8CF8F8
400
#4DF4F4
500
#0FF0F0
600
#0CC0C0
700
#099A9A
800
#077878
900
#0A5757
950
#063737

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.7:1

AA Pass AAA Fail

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