#086C01

#086C01

Color Values

HEX

#086C01

RGB

8, 108, 1

HSL

116.1, 98.2%, 21.4%

HSV

116.1, 99.1%, 42.4%

CMYK

92.6%, 0.0%, 99.1%, 57.6%

OKLCH

0.4614 0.1549 142.1

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#086C01

#65016C

Analogous

#3E6C01

#016C30

#086C01

Triadic

#086C01

#01086C

#6C0108

Split Complementary

#086C01

#30016C

#6C013E

Tetradic

#086C01

#013E6C

#65016C

#6C3001

Color Blindness Simulation

Original

#086C01

Protanopia

#33341B

Deuteranopia

#2E2621

Tritanopia

#0D2F34

Achromatopsia

#4F4F4F

CSS Usage

background-color: #086C01;
color: #086C01;
border-color: #086C01;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F2FEF1
100
#E0FCDE
200
#BDFEB8
300
#8EFE86
400
#50FD44
500
#13FD02
600
#0FCA02
700
#0CA201
800
#097E01
900
#0B5B06
950
#073A04

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

3.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026