#116F62

#116F62

Color Values

HEX

#116F62

RGB

17, 111, 98

HSL

171,7, 73,4%, 25,1%

HSV

171,7, 84,7%, 43,5%

CMYK

84,7%, 0,0%, 11,7%, 56,5%

OKLCH

0,4878 0,0837 180,5

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#116F62

#6F111E

Analogous

#116F33

#114D6F

#116F62

Triadic

#116F62

#62116F

#6F6211

Split Complementary

#116F62

#6F114D

#6F3311

Tetradic

#116F62

#33116F

#6F111E

#4D6F11

Color Blindness Simulation

Original

#116F62

Protanopia

#3A3B65

Deuteranopia

#342D66

Tritanopia

#166868

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F5
200
#C1F6EE
300
#95EFE2
400
#5BE6D3
500
#22DDC3
600
#1BB19C
700
#168D7D
800
#116F62
900
#105048
950
#0A332D

Contrast Checker

Text on white

6,04:1

AA Pass AAA Fail

Text on black

3,47:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026