#107F7D

#107F7D

Color Values

HEX

#107F7D

RGB

16, 127, 125

HSL

178.9, 77.6%, 28.0%

HSV

178.9, 87.4%, 49.8%

CMYK

87.4%, 0.0%, 1.6%, 50.2%

OKLCH

0.5409 0.0894 192.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#107F7D

#7F1012

Analogous

#107F45

#10497F

#107F7D

Triadic

#107F7D

#7D107F

#7F7D10

Split Complementary

#107F7D

#7F1049

#7F4510

Tetradic

#107F7D

#45107F

#7F1012

#497F10

Color Blindness Simulation

Original

#107F7D

Protanopia

#40417D

Deuteranopia

#3A317E

Tritanopia

#167E7E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F8
200
#C0F7F6
300
#92F1F0
400
#57EAE7
500
#1DE2DF
600
#17B5B2
700
#12918F
800
#0E716F
900
#0F5251
950
#093433

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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