#536838

#536838

Color Values

HEX

#536838

RGB

83, 104, 56

HSL

86.2, 30.0%, 31.4%

HSV

86.2, 46.2%, 40.8%

CMYK

20.2%, 0.0%, 46.2%, 59.2%

OKLCH

0.4877 0.0756 128.2

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#536838

#4D3868

Analogous

#686538

#3B6838

#536838

Triadic

#536838

#385368

#683853

Split Complementary

#536838

#383B68

#653868

Tetradic

#536838

#386865

#4D3868

#68383B

Color Blindness Simulation

Original

#536838

Protanopia

#5C5C44

Deuteranopia

#5B5946

Tritanopia

#544D4F

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DDE6D1
300
#C4D4AF
400
#A4BD84
500
#84A659
600
#6A8547
700
#556A39
800
#42532D
900
#323E23
950
#202716

Contrast Checker

Text on white

6.17:1

AA Pass AAA Fail

Text on black

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