#388C2F

#388C2F

Color Values

HEX

#388C2F

RGB

56, 140, 47

HSL

114.2, 49.7%, 36.7%

HSV

114.2, 66.4%, 54.9%

CMYK

60.0%, 0.0%, 66.4%, 45.1%

OKLCH

0.5682 0.1528 141.7

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#388C2F

#832F8C

Analogous

#678C2F

#2F8C55

#388C2F

Triadic

#388C2F

#2F388C

#8C2F38

Split Complementary

#388C2F

#552F8C

#8C2F67

Tetradic

#388C2F

#2F678C

#832F8C

#8C552F

Color Blindness Simulation

Original

#388C2F

Protanopia

#5C5D45

Deuteranopia

#58514B

Tritanopia

#3C575B

Achromatopsia

#737373

CSS Usage

background-color: #388C2F;
color: #388C2F;
border-color: #388C2F;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FBF4
100
#E7F5E6
200
#CDEDCA
300
#A9E0A3
400
#7BD072
500
#4CBF40
600
#3D9933
700
#317A29
800
#265F20
900
#1F461B
950
#142C11

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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