#388C30

#388C30

Color Values

HEX

#388C30

RGB

56, 140, 48

HSL

114.8, 48.9%, 36.9%

HSV

114.8, 65.7%, 54.9%

CMYK

60.0%, 0.0%, 65.7%, 45.1%

OKLCH

0.5683 0.152 141.9

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#388C30

#84308C

Analogous

#668C30

#308C56

#388C30

Triadic

#388C30

#30388C

#8C3038

Split Complementary

#388C30

#56308C

#8C3066

Tetradic

#388C30

#30668C

#84308C

#8C5630

Color Blindness Simulation

Original

#388C30

Protanopia

#5C5D46

Deuteranopia

#58514C

Tritanopia

#3C585C

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5FBF4
100
#E7F5E6
200
#CDEDCA
300
#A9E0A4
400
#7BCF73
500
#4CBE41
600
#3D9834
700
#317A2A
800
#265F21
900
#1F461B
950
#132C11

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

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