#3CB948

#3CB948

Color Values

HEX

#3CB948

RGB

60, 185, 72

HSL

125.8, 51.0%, 48.0%

HSV

125.8, 67.6%, 72.5%

CMYK

67.6%, 0.0%, 61.1%, 27.5%

OKLCH

0.6933 0.1885 144.6

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3CB948

#B93CAD

Analogous

#6EB93C

#3CB986

#3CB948

Triadic

#3CB948

#483CB9

#B9483C

Split Complementary

#3CB948

#863CB9

#B93C6E

Tetradic

#3CB948

#3C6EB9

#B93CAD

#B9863C

Color Blindness Simulation

Original

#3CB948

Protanopia

#727363

Deuteranopia

#6B626A

Tritanopia

#42797E

Achromatopsia

#969696

CSS Usage

background-color: #3CB948;
color: #3CB948;
border-color: #3CB948;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF5
100
#E5F5E7
200
#C9EECD
300
#A3E1A9
400
#71D17A
500
#3EC14B
600
#329A3C
700
#287B30
800
#1F6026
900
#1A471F
950
#112D13

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.23:1

AA Pass AAA Pass

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