#565330

#565330

Color Values

HEX

#565330

RGB

86, 83, 48

HSL

55.3, 28.4%, 26.3%

HSV

55.3, 44.2%, 33.7%

CMYK

0.0%, 3.5%, 44.2%, 66.3%

OKLCH

0.436 0.0525 104.1

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#565330

#303356

Analogous

#564030

#465630

#565330

Triadic

#565330

#305653

#533056

Split Complementary

#565330

#304656

#403056

Tetradic

#565330

#305640

#303356

#563046

Color Blindness Simulation

Original

#565330

Protanopia

#555538

Deuteranopia

#55553A

Tritanopia

#563F41

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E5E4D1
300
#D3D0B0
400
#BBB786
500
#A49E5B
600
#837E49
700
#69653A
800
#524F2E
900
#3D3B24
950
#262517

Contrast Checker

Text on white

7.85:1

AA Pass AAA Pass

Text on black

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