#536240

#536240

Color Values

HEX

#536240

RGB

83, 98, 64

HSL

86.5, 21.0%, 31.8%

HSV

86.5, 34.7%, 38.4%

CMYK

15.3%, 0.0%, 34.7%, 61.6%

OKLCH

0.4739 0.0553 127.7

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#536240

#4F4062

Analogous

#626040

#426240

#536240

Triadic

#536240

#405362

#624053

Split Complementary

#536240

#404262

#604062

Tetradic

#536240

#406260

#4F4062

#624042

Color Blindness Simulation

Original

#536240

Protanopia

#595A48

Deuteranopia

#59584A

Tritanopia

#544F50

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DCE3D4
300
#C3CFB5
400
#A3B48D
500
#839A65
600
#687B51
700
#546340
800
#414D32
900
#323A27
950
#1F2419

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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