#5B653C

#5B653C

Color Values

HEX

#5B653C

RGB

91, 101, 60

HSL

74.6, 25.5%, 31.6%

HSV

74.6, 40.6%, 39.6%

CMYK

9.9%, 0.0%, 40.6%, 60.4%

OKLCH

0.4873 0.0622 119.9

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#5B653C

#463C65

Analogous

#655B3C

#47653C

#5B653C

Triadic

#5B653C

#3C5B65

#653C5B

Split Complementary

#5B653C

#3C4765

#5B3C65

Tetradic

#5B653C

#3C655B

#463C65

#653C47

Color Blindness Simulation

Original

#5B653C

Protanopia

#5F5F46

Deuteranopia

#5F5E48

Tritanopia

#5C4E4F

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E0E4D2
300
#CAD1B2
400
#ADB989
500
#90A05F
600
#73804C
700
#5C663D
800
#48502F
900
#363C25
950
#222618

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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