#4CB12F

#4CB12F

Color Values

HEX

#4CB12F

RGB

76, 177, 47

HSL

106.6, 58.0%, 43.9%

HSV

106.6, 73.4%, 69.4%

CMYK

57.1%, 0.0%, 73.4%, 30.6%

OKLCH

0.6749 0.1899 139.7

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#4CB12F

#942FB1

Analogous

#8DB12F

#2FB153

#4CB12F

Triadic

#4CB12F

#2F4CB1

#B12F4C

Split Complementary

#4CB12F

#532FB1

#B12F8D

Tetradic

#4CB12F

#2F8DB1

#942FB1

#B1532F

Color Blindness Simulation

Original

#4CB12F

Protanopia

#78794E

Deuteranopia

#726A56

Tritanopia

#51676D

Achromatopsia

#929292

CSS Usage

background-color: #4CB12F;
color: #4CB12F;
border-color: #4CB12F;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F5FBF4
100
#E8F6E4
200
#D0F0C7
300
#AEE59E
400
#82D76A
500
#57C936
600
#45A12B
700
#378122
800
#2B651B
900
#224A17
950
#162F0F

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.64: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