#309531

#309531

Color Values

HEX

#309531

RGB

48, 149, 49

HSL

120.6, 51.3%, 38.6%

HSV

120.6, 67.8%, 58.4%

CMYK

67.8%, 0.0%, 67.1%, 41.6%

OKLCH

0.5906 0.166 143.2

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#309531

#953094

Analogous

#619530

#309563

#309531

Triadic

#309531

#313095

#953130

Split Complementary

#309531

#633095

#953061

Tetradic

#309531

#306195

#953094

#956330

Color Blindness Simulation

Original

#309531

Protanopia

#5C5D49

Deuteranopia

#564E4F

Tritanopia

#355C60

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F5E6
200
#C9EEC9
300
#A2E1A3
400
#70D171
500
#3EC13F
600
#329A33
700
#287B29
800
#1F6020
900
#1A471B
950
#102D11

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

5.47:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026