#288D2F

#288D2F

Color Values

HEX

#288D2F

RGB

40, 141, 47

HSL

124.2, 55.8%, 35.5%

HSV

124.2, 71.6%, 55.3%

CMYK

71.6%, 0.0%, 66.7%, 44.7%

OKLCH

0.566 0.1604 144.0

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#288D2F

#8D2886

Analogous

#538D28

#288D62

#288D2F

Triadic

#288D2F

#2F288D

#8D2F28

Split Complementary

#288D2F

#62288D

#8D2853

Tetradic

#288D2F

#28538D

#8D2886

#8D6228

Color Blindness Simulation

Original

#288D2F

Protanopia

#545546

Deuteranopia

#4E464B

Tritanopia

#2D585C

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F6E6
200
#C7EFCA
300
#A0E4A4
400
#6CD573
500
#38C742
600
#2D9F35
700
#247F2A
800
#1C6321
900
#18491C
950
#0F2E11

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.94:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026