#10ACB1

#10ACB1

Color Values

HEX

#10ACB1

RGB

16, 172, 177

HSL

181.9, 83.4%, 37.8%

HSV

181.9, 91.0%, 69.4%

CMYK

91.0%, 2.8%, 0.0%, 30.6%

OKLCH

0.6768 0.113 198.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#10ACB1

#B11510

Analogous

#10B165

#105BB1

#10ACB1

Triadic

#10ACB1

#B110AC

#ACB110

Split Complementary

#10ACB1

#B1105B

#B16510

Tetradic

#10ACB1

#6510B1

#B11510

#5BB110

Color Blindness Simulation

Original

#10ACB1

Protanopia

#5455B0

Deuteranopia

#4A3FB0

Tritanopia

#18AFAF

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BEF7F9
300
#8FF2F5
400
#52EAEF
500
#15E3EA
600
#11B6BB
700
#0E9196
800
#0B7275
900
#0C5355
950
#083436

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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