#128D16

#128D16

Color Values

HEX

#128D16

RGB

18, 141, 22

HSL

122.0, 77.4%, 31.2%

HSV

122.0, 87.2%, 55.3%

CMYK

87.2%, 0.0%, 84.4%, 44.7%

OKLCH

0.5599 0.1809 142.9

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#128D16

#8D1289

Analogous

#4B8D12

#128D54

#128D16

Triadic

#128D16

#16128D

#8D1612

Split Complementary

#128D16

#54128D

#8D124B

Tetradic

#128D16

#124B8D

#8D1289

#8D5412

Color Blindness Simulation

Original

#128D16

Protanopia

#474833

Deuteranopia

#40373A

Tritanopia

#184A4F

Achromatopsia

#6A6A6A

CSS Usage

background-color: #128D16;
color: #128D16;
border-color: #128D16;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FCF3
100
#E1F9E2
200
#C0F7C2
300
#92F196
400
#58EA5C
500
#1DE223
600
#17B51C
700
#129117
800
#0E7112
900
#0F5211
950
#09340B

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

4.85:1

AA Pass 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