#027300

#027300

Color Values

HEX

#027300

RGB

2, 115, 0

HSL

119.0, 100.0%, 22.5%

HSV

119.0, 100.0%, 45.1%

CMYK

98.3%, 0.0%, 100.0%, 54.9%

OKLCH

0.4816 0.1635 142.4

Properties

Cool Dark Nearest: green

Color Harmonies

Complementary

#027300

#710073

Analogous

#3B7300

#007337

#027300

Triadic

#027300

#000273

#730002

Split Complementary

#027300

#370073

#73003B

Tetradic

#027300

#003B73

#710073

#733700

Color Blindness Simulation

Original

#027300

Protanopia

#33341C

Deuteranopia

#2C2422

Tritanopia

#083237

Achromatopsia

#535353

CSS Usage

background-color: #027300;
color: #027300;
border-color: #027300;
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

6.08:1

AA Pass AAA Fail

Text on black

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