#0A9986

#0A9986

Color Values

HEX

#0A9986

RGB

10, 153, 134

HSL

172.0, 87.7%, 32.0%

HSV

172.0, 93.5%, 60.0%

CMYK

93.5%, 0.0%, 12.4%, 40.0%

OKLCH

0.6125 0.1098 179.7

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#0A9986

#990A1D

Analogous

#0A993F

#0A6599

#0A9986

Triadic

#0A9986

#860A99

#99860A

Split Complementary

#0A9986

#990A65

#993F0A

Tetradic

#0A9986

#3F0A99

#990A1D

#65990A

Color Blindness Simulation

Original

#0A9986

Protanopia

#48498B

Deuteranopia

#40358C

Tritanopia

#118E8F

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF7
200
#BCFBF2
300
#8CF7E9
400
#4EF3DD
500
#10EFD1
600
#0DBFA8
700
#0A9986
800
#087869
900
#0A574C
950
#063730

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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