#536841

#536841

Color Values

HEX

#536841

RGB

83, 104, 65

HSL

92.3, 23.1%, 33.1%

HSV

92.3, 37.5%, 40.8%

CMYK

20.2%, 0.0%, 37.5%, 59.2%

OKLCH

0.4894 0.0645 131.4

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#536841

#564168

Analogous

#666841

#416842

#536841

Triadic

#536841

#415368

#684153

Split Complementary

#536841

#424168

#684166

Tetradic

#536841

#416668

#564168

#684241

Color Blindness Simulation

Original

#536841

Protanopia

#5C5C4A

Deuteranopia

#5B594D

Tritanopia

#545254

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF1EA
200
#DBE4D3
300
#C1D0B4
400
#9FB68B
500
#7D9D62
600
#647E4E
700
#50643F
800
#3F4E31
900
#303B26
950
#1E2518

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

3.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026