#362822

#362822

Color Values

HEX

#362822

RGB

54, 40, 34

HSL

18.0, 22.7%, 17.3%

HSV

18.0, 37.0%, 21.2%

CMYK

0.0%, 25.9%, 37.0%, 78.8%

OKLCH

0.2912 0.0237 44.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#362822

#223036

Analogous

#362226

#363222

#362822

Triadic

#362822

#223628

#282236

Split Complementary

#362822

#223632

#222636

Tetradic

#362822

#263622

#223036

#322236

Color Blindness Simulation

Original

#362822

Protanopia

#303023

Deuteranopia

#313224

Tritanopia

#352525

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3D8D3
300
#D0BCB4
400
#B6988B
500
#9C7463
600
#7D5D4F
700
#644A3F
800
#4E3A31
900
#3A2C27
950
#251C18

Contrast Checker

Text on white

14.16:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026