#0D7576

#0D7576

Color Values

HEX

#0D7576

RGB

13, 117, 118

HSL

180.6, 80.2%, 25.7%

HSV

180.6, 89.0%, 46.3%

CMYK

89.0%, 0.8%, 0.0%, 53.7%

OKLCH

0.5109 0.0843 195.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#0D7576

#760E0D

Analogous

#0D7643

#0D4076

#0D7576

Triadic

#0D7576

#760D75

#75760D

Split Complementary

#0D7576

#760D40

#76430D

Tetradic

#0D7576

#430D76

#760E0D

#40760D

Color Blindness Simulation

Original

#0D7576

Protanopia

#3A3B76

Deuteranopia

#342C76

Tritanopia

#127676

Achromatopsia

#5F5F5F

CSS Usage

background-color: #0D7576;
color: #0D7576;
border-color: #0D7576;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FCFD
100
#E1F9F9
200
#BFF7F8
300
#91F2F3
400
#55EBEC
500
#19E4E6
600
#14B6B8
700
#109293
800
#0D7273
900
#0D5353
950
#093435

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

3.82:1

AA Fail 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