#288C2E

#288C2E

Color Values

HEX

#288C2E

RGB

40, 140, 46

HSL

123.6, 55.6%, 35.3%

HSV

123.6, 71.4%, 54.9%

CMYK

71.4%, 0.0%, 67.1%, 45.1%

OKLCH

0.5631 0.1599 143.9

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#288C2E

#8C2886

Analogous

#548C28

#288C60

#288C2E

Triadic

#288C2E

#2E288C

#8C2E28

Split Complementary

#288C2E

#60288C

#8C2854

Tetradic

#288C2E

#28548C

#8C2886

#8C6028

Color Blindness Simulation

Original

#288C2E

Protanopia

#535445

Deuteranopia

#4E464A

Tritanopia

#2D575B

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F6E6
200
#C7EFCA
300
#A0E4A4
400
#6CD572
500
#39C641
600
#2D9F34
700
#247F2A
800
#1C6321
900
#18491B
950
#0F2E11

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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