#309C45

#309C45

Color Values

HEX

#309C45

RGB

48, 156, 69

HSL

131.7, 52.9%, 40.0%

HSV

131.7, 69.2%, 61.2%

CMYK

69.2%, 0.0%, 55.8%, 38.8%

OKLCH

0.6121 0.1585 146.7

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#309C45

#9C3087

Analogous

#519C30

#309C7B

#309C45

Triadic

#309C45

#45309C

#9C4530

Split Complementary

#309C45

#7B309C

#9C3051

Tetradic

#309C45

#30519C

#9C3087

#9C7B30

Color Blindness Simulation

Original

#309C45

Protanopia

#5F605A

Deuteranopia

#58505F

Tritanopia

#356B6E

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E5F5E8
200
#C8EED0
300
#A1E2AE
400
#6FD382
500
#3CC356
600
#309C45
700
#267D37
800
#1E612B
900
#194822
950
#102D16

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026