#536D30

#536D30

Color Values

HEX

#536D30

RGB

83, 109, 48

HSL

85.6, 38.9%, 30.8%

HSV

85.6, 56.0%, 42.7%

CMYK

23.9%, 0.0%, 56.0%, 57.3%

OKLCH

0.4993 0.0927 128.5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#536D30

#4A306D

Analogous

#6D6930

#346D30

#536D30

Triadic

#536D30

#30536D

#6D3053

Split Complementary

#536D30

#30346D

#69306D

Tetradic

#536D30

#306D69

#4A306D

#6D3034

Color Blindness Simulation

Original

#536D30

Protanopia

#5E5E3F

Deuteranopia

#5D5B42

Tritanopia

#544A4D

Achromatopsia

#636363

CSS Usage

background-color: #536D30;
color: #536D30;
border-color: #536D30;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDE9CD
300
#C5DAAA
400
#A6C57C
500
#87B14E
600
#6C8E3E
700
#567132
800
#435927
900
#33411F
950
#202914

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail 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