#10AAA3

#10AAA3

Color Values

HEX

#10AAA3

RGB

16, 170, 163

HSL

177.3, 82.8%, 36.5%

HSV

177.3, 90.6%, 66.7%

CMYK

90.6%, 0.0%, 4.1%, 33.3%

OKLCH

0.6668 0.1132 189.5

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#10AAA3

#AA1017

Analogous

#10AA56

#1064AA

#10AAA3

Triadic

#10AAA3

#A310AA

#AAA310

Split Complementary

#10AAA3

#AA1064

#AA5610

Tetradic

#10AAA3

#5610AA

#AA1017

#64AA10

Color Blindness Simulation

Original

#10AAA3

Protanopia

#5354A5

Deuteranopia

#4A3EA5

Tritanopia

#18A6A6

Achromatopsia

#898989

CSS Usage

background-color: #10AAA3;
color: #10AAA3;
border-color: #10AAA3;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FDFC
100
#E1FAF9
200
#BEF9F6
300
#8FF4F0
400
#53EFE8
500
#16E9E0
600
#12BAB3
700
#0E958F
800
#0B7570
900
#0C5551
950
#083533

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

7.3: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