#565227

#565227

Color Values

HEX

#565227

RGB

86, 82, 39

HSL

54.9, 37.6%, 24.5%

HSV

54.9, 54.7%, 33.7%

CMYK

0.0%, 4.7%, 54.7%, 66.3%

OKLCH

0.432 0.0624 103.9

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#565227

#272B56

Analogous

#563A27

#425627

#565227

Triadic

#565227

#275652

#522756

Split Complementary

#565227

#274256

#3A2756

Tetradic

#565227

#27563A

#272B56

#562742

Color Blindness Simulation

Original

#565227

Protanopia

#545431

Deuteranopia

#545534

Tritanopia

#563A3B

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F2E7
200
#E9E6CE
300
#D9D5AB
400
#C4BE7D
500
#AFA750
600
#8C8640
700
#706B33
800
#585428
900
#413E20
950
#292714

Contrast Checker

Text on white

7.98:1

AA Pass AAA Pass

Text on black

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