#288C20

#288C20

Color Values

HEX

#288C20

RGB

40, 140, 32

HSL

115.6, 62.8%, 33.7%

HSV

115.6, 77.1%, 54.9%

CMYK

71.4%, 0.0%, 77.1%, 45.1%

OKLCH

0.5619 0.1692 142.0

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#288C20

#84208C

Analogous

#5E8C20

#208C4E

#288C20

Triadic

#288C20

#20288C

#8C2028

Split Complementary

#288C20

#4E208C

#8C205E

Tetradic

#288C20

#205E8C

#84208C

#8C4E20

Color Blindness Simulation

Original

#288C20

Protanopia

#53543A

Deuteranopia

#4E4640

Tritanopia

#2D4F53

Achromatopsia

#6F6F6F

CSS Usage

background-color: #288C20;
color: #288C20;
border-color: #288C20;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF3
100
#E5F7E4
200
#C8F2C5
300
#A1E89B
400
#6EDC65
500
#3BD02F
600
#2FA626
700
#26851E
800
#1E6818
900
#194C15
950
#10300D

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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