#027600

#027600

Color Values

HEX

#027600

RGB

2, 118, 0

HSL

119.0, 100.0%, 23.1%

HSV

119.0, 100.0%, 46.3%

CMYK

98.3%, 0.0%, 100.0%, 53.7%

OKLCH

0.4905 0.1665 142.4

Properties

Cool Dark Nearest: green

Color Harmonies

Complementary

#027600

#740076

Analogous

#3D7600

#007639

#027600

Triadic

#027600

#000276

#760002

Split Complementary

#027600

#390076

#76003D

Tetradic

#027600

#003D76

#740076

#763900

Color Blindness Simulation

Original

#027600

Protanopia

#34351D

Deuteranopia

#2E2523

Tritanopia

#083338

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F1FEF1
100
#DEFCDE
200
#B9FFB8
300
#87FF85
400
#45FF42
500
#04FF00
600
#03CC00
700
#03A300
800
#028000
900
#065C05
950
#043A03

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

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