#309230

#309230

Color Values

HEX

#309230

RGB

48, 146, 48

HSL

120.0, 50.5%, 38.0%

HSV

120.0, 67.1%, 57.3%

CMYK

67.1%, 0.0%, 67.1%, 42.7%

OKLCH

0.5822 0.163 143.1

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#309230

#923092

Analogous

#619230

#309261

#309230

Triadic

#309230

#303092

#923030

Split Complementary

#309230

#613092

#923061

Tetradic

#309230

#306192

#923092

#926130

Color Blindness Simulation

Original

#309230

Protanopia

#5A5B48

Deuteranopia

#554D4D

Tritanopia

#355A5F

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F5E5
200
#C9EDC9
300
#A3E1A3
400
#71D071
500
#3FC03F
600
#329A32
700
#287B28
800
#206020
900
#1A461A
950
#112D11

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026