#46B962

#46B962

Color Values

HEX

#46B962

RGB

70, 185, 98

HSL

134.6, 45.1%, 50.0%

HSV

134.6, 62.2%, 72.5%

CMYK

62.2%, 0.0%, 47.0%, 27.5%

OKLCH

0.6998 0.1622 148.5

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#46B962

#B9469D

Analogous

#64B946

#46B99B

#46B962

Triadic

#46B962

#6246B9

#B96246

Split Complementary

#46B962

#9B46B9

#B94664

Tetradic

#46B962

#4664B9

#B9469D

#B99B46

Color Blindness Simulation

Original

#46B962

Protanopia

#787977

Deuteranopia

#71687C

Tritanopia

#4C888B

Achromatopsia

#9A9A9A

CSS Usage

background-color: #46B962;
color: #46B962;
border-color: #46B962;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FAF6
100
#E6F4EA
200
#CBEBD3
300
#A6DDB4
400
#76CB8B
500
#46B962
600
#38944E
700
#2D763F
800
#235D31
900
#1D4426
950
#122B18

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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