#362522

#362522

Color Values

HEX

#362522

RGB

54, 37, 34

HSL

9.0, 22.7%, 17.3%

HSV

9.0, 37.0%, 21.2%

CMYK

0.0%, 31.5%, 37.0%, 78.8%

OKLCH

0.284 0.0267 30.1

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#362522

#223336

Analogous

#362229

#362F22

#362522

Triadic

#362522

#223625

#252236

Split Complementary

#362522

#22362F

#222936

Tetradic

#362522

#293622

#223336

#2F2236

Color Blindness Simulation

Original

#362522

Protanopia

#2F2E23

Deuteranopia

#303123

Tritanopia

#352323

Achromatopsia

#282828

CSS Usage

background-color: #362522;
color: #362522;
border-color: #362522;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F6
100
#F1EBEA
200
#E3D6D3
300
#D0B8B4
400
#B6928B
500
#9C6B63
600
#7D564F
700
#64453F
800
#4E3631
900
#3A2A27
950
#251A18

Contrast Checker

Text on white

14.54:1

AA Pass AAA Pass

Text on black

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