#027106

#027106

Color Values

HEX

#027106

RGB

2, 113, 6

HSL

122.2, 96.5%, 22.5%

HSV

122.2, 98.2%, 44.3%

CMYK

98.2%, 0.0%, 94.7%, 55.7%

OKLCH

0.4758 0.1594 142.8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#027106

#71026D

Analogous

#357102

#02713D

#027106

Triadic

#027106

#060271

#710602

Split Complementary

#027106

#3D0271

#710235

Tetradic

#027106

#023571

#71026D

#713D02

Color Blindness Simulation

Original

#027106

Protanopia

#323320

Deuteranopia

#2C2326

Tritanopia

#083439

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F1FEF2
100
#DFFCE0
200
#B9FEBB
300
#87FD8B
400
#46FC4C
500
#04FB0D
600
#04C80B
700
#03A009
800
#027D07
900
#065B09
950
#043906

Contrast Checker

Text on white

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