#46C145

#46C145

Color Values

HEX

#46C145

RGB

70, 193, 69

HSL

119.5, 50.0%, 51.4%

HSV

119.5, 64.2%, 75.7%

CMYK

63.7%, 0.0%, 64.2%, 24.3%

OKLCH

0.7168 0.1969 143.1

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#46C145

#C045C1

Analogous

#84C145

#45C182

#46C145

Triadic

#46C145

#4546C1

#C14546

Split Complementary

#46C145

#8245C1

#C14584

Tetradic

#46C145

#4584C1

#C045C1

#C18245

Color Blindness Simulation

Original

#46C145

Protanopia

#7B7C63

Deuteranopia

#746B6A

Tritanopia

#4C7B80

Achromatopsia

#9E9E9E

CSS Usage

background-color: #46C145;
color: #46C145;
border-color: #46C145;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#CAEDC9
300
#A4E0A3
400
#72D071
500
#41BF40
600
#349933
700
#297A29
800
#206020
900
#1B461B
950
#112C11

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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