#536637

#536637

Color Values

HEX

#536637

RGB

83, 102, 55

HSL

84.3, 29.9%, 30.8%

HSV

84.3, 46.1%, 40.0%

CMYK

18.6%, 0.0%, 46.1%, 60.0%

OKLCH

0.4824 0.0736 127.0

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#536637

#4A3766

Analogous

#666237

#3C6637

#536637

Triadic

#536637

#375366

#663753

Split Complementary

#536637

#373C66

#623766

Tetradic

#536637

#376662

#4A3766

#66373C

Color Blindness Simulation

Original

#536637

Protanopia

#5B5B42

Deuteranopia

#5A5945

Tritanopia

#544B4D

Achromatopsia

#5F5F5F

CSS Usage

background-color: #536637;
color: #536637;
border-color: #536637;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DDE6D1
300
#C5D4B0
400
#A6BD84
500
#87A659
600
#6C8448
700
#566A39
800
#43532D
900
#333D23
950
#202716

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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