#3F9130

#3F9130

Color Values

HEX

#3F9130

RGB

63, 145, 48

HSL

110,7, 50,3%, 37,8%

HSV

110,7, 66,9%, 56,9%

CMYK

56,6%, 0,0%, 66,9%, 43,1%

OKLCH

0,5846 0,1553 140,7

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#3F9130

#823091

Analogous

#6F9130

#309151

#3F9130

Triadic

#3F9130

#303F91

#91303F

Split Complementary

#3F9130

#513091

#91306F

Tetradic

#3F9130

#306F91

#823091

#915130

Color Blindness Simulation

Original

#3F9130

Protanopia

#636347

Deuteranopia

#5E584D

Tritanopia

#435A5E

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F5FBF4
100
#E8F5E6
200
#CFEDC9
300
#ADE1A3
400
#80D071
500
#53C03F
600
#439933
700
#357B29
800
#2A6020
900
#21461B
950
#152C11

Contrast Checker

Text on white

3,96:1

AA Fail AAA Fail

Text on black

5,3:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026