#539324

#539324

Color Values

HEX

#539324

RGB

83, 147, 36

HSL

94.6, 60.7%, 35.9%

HSV

94.6, 75.5%, 57.6%

CMYK

43.5%, 0.0%, 75.5%, 42.4%

OKLCH

0.598 0.156 135.1

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#539324

#642493

Analogous

#8B9324

#24932C

#539324

Triadic

#539324

#245393

#932453

Split Complementary

#539324

#2C2493

#93248B

Tetradic

#539324

#248B93

#642493

#932C24

Color Blindness Simulation

Original

#539324

Protanopia

#6F6F3F

Deuteranopia

#6B6645

Tritanopia

#565459

Achromatopsia

#7D7D7D

CSS Usage

background-color: #539324;
color: #539324;
border-color: #539324;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D8F1C6
300
#BCE79D
400
#98DA67
500
#74CD32
600
#5DA428
700
#4A8320
800
#3A6619
900
#2C4B16
950
#1C2F0E

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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