#288C18

#288C18

Color Values

HEX

#288C18

RGB

40, 140, 24

HSL

111.7, 70.7%, 32.2%

HSV

111.7, 82.9%, 54.9%

CMYK

71.4%, 0.0%, 82.9%, 45.1%

OKLCH

0.5614 0.1733 141.3

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#288C18

#7C188C

Analogous

#628C18

#188C42

#288C18

Triadic

#288C18

#18288C

#8C1828

Split Complementary

#288C18

#42188C

#8C1862

Tetradic

#288C18

#18628C

#7C188C

#8C4218

Color Blindness Simulation

Original

#288C18

Protanopia

#535434

Deuteranopia

#4E463B

Tritanopia

#2D4A4F

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E5F8E2
200
#C9F5C2
300
#A3ED97
400
#70E35E
500
#3EDA25
600
#32AE1E
700
#288B18
800
#1F6D13
900
#1A4F12
950
#11320B

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

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