#0D9683

#0D9683

Color Values

HEX

#0D9683

RGB

13, 150, 131

HSL

171.7, 84.0%, 32.0%

HSV

171.7, 91.3%, 58.8%

CMYK

91.3%, 0.0%, 12.7%, 41.2%

OKLCH

0.6039 0.1079 179.4

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#0D9683

#960D20

Analogous

#0D963F

#0D6596

#0D9683

Triadic

#0D9683

#830D96

#96830D

Split Complementary

#0D9683

#960D65

#963F0D

Tetradic

#0D9683

#3F0D96

#960D20

#65960D

Color Blindness Simulation

Original

#0D9683

Protanopia

#484A88

Deuteranopia

#403689

Tritanopia

#148B8C

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E0FAF6
200
#BDF9F1
300
#8EF5E7
400
#51F0DA
500
#14EBCD
600
#10BCA4
700
#0D9683
800
#0A7566
900
#0C554B
950
#07362F

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.71:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026