#4CBC46

#4CBC46

Color Values

HEX

#4CBC46

RGB

76, 188, 70

HSL

116.9, 46.8%, 50.6%

HSV

116.9, 62.8%, 73.7%

CMYK

59.6%, 0.0%, 62.8%, 26.3%

OKLCH

0.7057 0.1876 142.5

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#4CBC46

#B646BC

Analogous

#87BC46

#46BC7B

#4CBC46

Triadic

#4CBC46

#464CBC

#BC464C

Split Complementary

#4CBC46

#7B46BC

#BC4687

Tetradic

#4CBC46

#4687BC

#B646BC

#BC7B46

Color Blindness Simulation

Original

#4CBC46

Protanopia

#7D7D63

Deuteranopia

#766E69

Tritanopia

#52797E

Achromatopsia

#9C9C9C

CSS Usage

background-color: #4CBC46;
color: #4CBC46;
border-color: #4CBC46;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F5FAF4
100
#E7F4E6
200
#CCECCB
300
#A8DEA5
400
#79CD74
500
#4ABB44
600
#3B9636
700
#2F782B
800
#255E22
900
#1E451C
950
#132B12

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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