#565126

#565126

Color Values

HEX

#565126

RGB

86, 81, 38

HSL

53.7, 38.7%, 24.3%

HSV

53.7, 55.8%, 33.7%

CMYK

0.0%, 5.8%, 55.8%, 66.3%

OKLCH

0.4294 0.0624 102.7

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#565126

#262B56

Analogous

#563926

#435626

#565126

Triadic

#565126

#265651

#512656

Split Complementary

#565126

#264356

#392656

Tetradic

#565126

#265639

#262B56

#562643

Color Blindness Simulation

Original

#565126

Protanopia

#545430

Deuteranopia

#545433

Tritanopia

#56393A

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F2E7
200
#E9E6CD
300
#D9D5AA
400
#C5BD7C
500
#B1A64E
600
#8D853F
700
#716B32
800
#585327
900
#413E20
950
#292714

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026