#389331

#389331

Color Values

HEX

#389331

RGB

56, 147, 49

HSL

115.7, 50.0%, 38.4%

HSV

115.7, 66.7%, 57.6%

CMYK

61.9%, 0.0%, 66.7%, 42.4%

OKLCH

0.5876 0.1603 142.1

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#389331

#8C3193

Analogous

#699331

#31935B

#389331

Triadic

#389331

#313893

#933138

Split Complementary

#389331

#5B3193

#933169

Tetradic

#389331

#316993

#8C3193

#935B31

Color Blindness Simulation

Original

#389331

Protanopia

#5F6049

Deuteranopia

#5A534E

Tritanopia

#3D5B60

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F5FBF4
100
#E7F5E6
200
#CCEDC9
300
#A8E0A3
400
#78D071
500
#49BF40
600
#3A9933
700
#2F7A29
800
#246020
900
#1E461B
950
#132C11

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.39:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026