#46931C

#46931C

Color Values

HEX

#46931C

RGB

70, 147, 28

HSL

98.8, 68.0%, 34.3%

HSV

98.8, 81.0%, 57.6%

CMYK

52.4%, 0.0%, 81.0%, 42.4%

OKLCH

0.5913 0.167 137.3

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#46931C

#691C93

Analogous

#81931C

#1C932D

#46931C

Triadic

#46931C

#1C4693

#931C46

Split Complementary

#46931C

#2D1C93

#931C81

Tetradic

#46931C

#1C8193

#691C93

#932D1C

Color Blindness Simulation

Original

#46931C

Protanopia

#676839

Deuteranopia

#635D40

Tritanopia

#4A5055

Achromatopsia

#7A7A7A

CSS Usage

background-color: #46931C;
color: #46931C;
border-color: #46931C;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FCF3
100
#EAF7E3
200
#D4F4C3
300
#B6EB98
400
#8EE160
500
#66D629
600
#52AB21
700
#41891A
800
#336B14
900
#284E13
950
#19310C

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026