#0D8C97

#0D8C97

Color Values

HEX

#0D8C97

RGB

13, 140, 151

HSL

184.8, 84.1%, 32.2%

HSV

184.8, 91.4%, 59.2%

CMYK

91.4%, 7.3%, 0.0%, 40.8%

OKLCH

0.5849 0.0977 204.8

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#0D8C97

#97180D

Analogous

#0D975D

#0D4797

#0D8C97

Triadic

#0D8C97

#970D8C

#8C970D

Split Complementary

#0D8C97

#970D47

#975D0D

Tetradic

#0D8C97

#5D0D97

#97180D

#47970D

Color Blindness Simulation

Original

#0D8C97

Protanopia

#444594

Deuteranopia

#3D3394

Tritanopia

#139292

Achromatopsia

#727272

CSS Usage

background-color: #0D8C97;
color: #0D8C97;
border-color: #0D8C97;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BDF5F9
300
#8EEDF5
400
#51E3F0
500
#14DAEB
600
#10AEBC
700
#0D8B96
800
#0A6D75
900
#0C4F55
950
#073236

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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