#565321

#565321

Color Values

HEX

#565321

RGB

86, 83, 33

HSL

56.6, 44.5%, 23.3%

HSV

56.6, 61.6%, 33.7%

CMYK

0.0%, 3.5%, 61.6%, 66.3%

OKLCH

0.4336 0.0702 105.8

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#565321

#212456

Analogous

#563821

#3E5621

#565321

Triadic

#565321

#215653

#532156

Split Complementary

#565321

#213E56

#382156

Tetradic

#565321

#215638

#212456

#56213E

Color Blindness Simulation

Original

#565321

Protanopia

#55552D

Deuteranopia

#555530

Tritanopia

#563739

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#EBE9CB
300
#DDDAA7
400
#CBC677
500
#B8B247
600
#938E39
700
#76722D
800
#5C5923
900
#44421D
950
#2B2912

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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