#10A0AF

#10A0AF

Color Values

HEX

#10A0AF

RGB

16, 160, 175

HSL

185.7, 83.2%, 37.5%

HSV

185.7, 90.9%, 68.6%

CMYK

90.9%, 8.6%, 0.0%, 31.4%

OKLCH

0.6458 0.1084 206.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#10A0AF

#AF1F10

Analogous

#10AF6F

#1051AF

#10A0AF

Triadic

#10A0AF

#AF10A0

#A0AF10

Split Complementary

#10A0AF

#AF1051

#AF6F10

Tetradic

#10A0AF

#6F10AF

#AF1F10

#51AF10

Color Blindness Simulation

Original

#10A0AF

Protanopia

#4E50AB

Deuteranopia

#463BAA

Tritanopia

#17A9A8

Achromatopsia

#828282

CSS Usage

background-color: #10A0AF;
color: #10A0AF;
border-color: #10A0AF;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FCFD
100
#E1F7FA
200
#BEF3F9
300
#8FEBF5
400
#52E0EF
500
#15D5EA
600
#11ABBB
700
#0E8995
800
#0B6B75
900
#0C4E55
950
#083136

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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