#10ABA0

#10ABA0

Color Values

HEX

#10ABA0

RGB

16, 171, 160

HSL

175.7, 82.9%, 36.7%

HSV

175.7, 90.6%, 67.1%

CMYK

90.6%, 0.0%, 6.4%, 32.9%

OKLCH

0.6683 0.1147 186.7

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#10ABA0

#AB101B

Analogous

#10AB52

#1069AB

#10ABA0

Triadic

#10ABA0

#A010AB

#ABA010

Split Complementary

#10ABA0

#AB1069

#AB5210

Tetradic

#10ABA0

#5210AB

#AB101B

#69AB10

Color Blindness Simulation

Original

#10ABA0

Protanopia

#5354A3

Deuteranopia

#4A3EA3

Tritanopia

#18A5A5

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1FAF8
200
#BEF9F5
300
#8FF5ED
400
#52EFE4
500
#16E9DA
600
#11BBAE
700
#0E958C
800
#0B756D
900
#0C554F
950
#083532

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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