#5F563A

#5F563A

Color Values

HEX

#5F563A

RGB

95, 86, 58

HSL

45.4, 24.2%, 30.0%

HSV

45.4, 38.9%, 37.3%

CMYK

0.0%, 9.5%, 38.9%, 62.7%

OKLCH

0.4543 0.0438 92.3

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#5F563A

#3A435F

Analogous

#5F433A

#565F3A

#5F563A

Triadic

#5F563A

#3A5F56

#563A5F

Split Complementary

#5F563A

#3A565F

#433A5F

Tetradic

#5F563A

#3A5F43

#3A435F

#5F3A56

Color Blindness Simulation

Original

#5F563A

Protanopia

#5B5B41

Deuteranopia

#5C5C42

Tritanopia

#5F4647

Achromatopsia

#565656

CSS Usage

background-color: #5F563A;
color: #5F563A;
border-color: #5F563A;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E4E0D3
300
#D1C9B3
400
#B7AC8A
500
#9E8F61
600
#7F734D
700
#655C3E
800
#4F4830
900
#3B3626
950
#252218

Contrast Checker

Text on white

7.29:1

AA Pass AAA Pass

Text on black

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