#46983F

#46983F

Color Values

HEX

#46983F

RGB

70, 152, 63

HSL

115.3, 41.4%, 42.2%

HSV

115.3, 58.6%, 59.6%

CMYK

53.9%, 0.0%, 58.6%, 40.4%

OKLCH

0.6079 0.149 142.1

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#46983F

#913F98

Analogous

#73983F

#3F9865

#46983F

Triadic

#46983F

#3F4698

#983F46

Split Complementary

#46983F

#653F98

#983F73

Tetradic

#46983F

#3F7398

#913F98

#98653F

Color Blindness Simulation

Original

#46983F

Protanopia

#6A6A55

Deuteranopia

#655F5A

Tritanopia

#4A6669

Achromatopsia

#808080

CSS Usage

background-color: #46983F;
color: #46983F;
border-color: #46983F;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CFEACD
300
#ACDBA8
400
#80C87A
500
#53B44B
600
#42903C
700
#357330
800
#295A25
900
#21431E
950
#152A13

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.82:1

AA Pass AAA Fail

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