#086F3F

#086F3F

Color Values

HEX

#086F3F

RGB

8, 111, 63

HSL

152.0, 86.6%, 23.3%

HSV

152.0, 92.8%, 43.5%

CMYK

92.8%, 0.0%, 43.2%, 56.5%

OKLCH

0.477 0.1147 155.2

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#086F3F

#6F0838

Analogous

#086F0B

#086B6F

#086F3F

Triadic

#086F3F

#3F086F

#6F3F08

Split Complementary

#086F3F

#6F086B

#6F0B08

Tetradic

#086F3F

#0B086F

#6F0838

#6B6F08

Color Blindness Simulation

Original

#086F3F

Protanopia

#35354B

Deuteranopia

#2F274D

Tritanopia

#0D5456

Achromatopsia

#565656

CSS Usage

background-color: #086F3F;
color: #086F3F;
border-color: #086F3F;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BCFADD
300
#8DF7C5
400
#4FF2A6
500
#11EE87
600
#0EBE6C
700
#0B9856
800
#097743
900
#0B5633
950
#073620

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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