#10756F

#10756F

Color Values

HEX

#10756F

RGB

16, 117, 111

HSL

176.4, 75.9%, 26.1%

HSV

176.4, 86.3%, 45.9%

CMYK

86.3%, 0.0%, 5.1%, 54.1%

OKLCH

0.5087 0.0846 188.4

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#10756F

#751016

Analogous

#10753C

#104975

#10756F

Triadic

#10756F

#6F1075

#756F10

Split Complementary

#10756F

#751049

#753C10

Tetradic

#10756F

#3C1075

#751016

#497510

Color Blindness Simulation

Original

#10756F

Protanopia

#3C3D70

Deuteranopia

#362E71

Tritanopia

#157272

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F9F7
200
#C0F6F3
300
#93F0EB
400
#59E8E0
500
#1FE0D5
600
#19B3AA
700
#149088
800
#0F706A
900
#0F524E
950
#0A3431

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026