#309C31

#309C31

Color Values

HEX

#309C31

RGB

48, 156, 49

HSL

120.6, 52.9%, 40.0%

HSV

120.6, 69.2%, 61.2%

CMYK

69.2%, 0.0%, 68.6%, 38.8%

OKLCH

0.6098 0.1746 143.2

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#309C31

#9C309B

Analogous

#659C30

#309C67

#309C31

Triadic

#309C31

#31309C

#9C3130

Split Complementary

#309C31

#67309C

#9C3065

Tetradic

#309C31

#30659C

#9C309B

#9C6730

Color Blindness Simulation

Original

#309C31

Protanopia

#5F604B

Deuteranopia

#585051

Tritanopia

#355F64

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F5E5
200
#C8EEC9
300
#A1E2A2
400
#6FD370
500
#3CC33D
600
#309C31
700
#267D27
800
#1E611F
900
#19481A
950
#102D10

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026