#107877

#107877

Color Values

HEX

#107877

RGB

16, 120, 119

HSL

179.4, 76.5%, 26.7%

HSV

179.4, 86.7%, 47.1%

CMYK

86.7%, 0.0%, 0.8%, 52.9%

OKLCH

0.5198 0.0854 193.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#107877

#781011

Analogous

#107843

#104578

#107877

Triadic

#107877

#771078

#787710

Split Complementary

#107877

#781045

#784310

Tetradic

#107877

#431078

#781011

#457810

Color Blindness Simulation

Original

#107877

Protanopia

#3D3E77

Deuteranopia

#372F77

Tritanopia

#157777

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F9F9
200
#C0F7F6
300
#93F1F0
400
#58E9E7
500
#1EE1DF
600
#18B4B2
700
#13908F
800
#0F7170
900
#0F5251
950
#0A3433

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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