#107970

#107970

Color Values

HEX

#107970

RGB

16, 121, 112

HSL

174.9, 76.6%, 26.9%

HSV

174.9, 86.8%, 47.5%

CMYK

86.8%, 0.0%, 7.4%, 52.5%

OKLCH

0.52 0.0878 185.6

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#107970

#791019

Analogous

#10793C

#104E79

#107970

Triadic

#107970

#701079

#797010

Split Complementary

#107970

#79104E

#793C10

Tetradic

#107970

#3C1079

#791019

#4E7910

Color Blindness Simulation

Original

#107970

Protanopia

#3D3E72

Deuteranopia

#373073

Tritanopia

#157474

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F2FCFB
100
#E2F9F7
200
#C0F7F2
300
#93F1E9
400
#58E9DD
500
#1EE1D1
600
#18B4A7
700
#139085
800
#0F7168
900
#0F524C
950
#0A3430

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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