#086D62

#086D62

Color Values

HEX

#086D62

RGB

8, 109, 98

HSL

173.5, 86.3%, 22.9%

HSV

173.5, 92.7%, 42.7%

CMYK

92.7%, 0.0%, 10.1%, 57.3%

OKLCH

0.481 0.0838 182.7

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#086D62

#6D0813

Analogous

#086D2F

#08456D

#086D62

Triadic

#086D62

#62086D

#6D6208

Split Complementary

#086D62

#6D0845

#6D2F08

Tetradic

#086D62

#2F086D

#6D0813

#456D08

Color Blindness Simulation

Original

#086D62

Protanopia

#343565

Deuteranopia

#2E2665

Tritanopia

#0D6767

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF7
200
#BCFAF3
300
#8DF7EB
400
#4FF2E0
500
#11EED6
600
#0EBEAB
700
#0B9889
800
#09776B
900
#0B564E
950
#073631

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

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