#362A16

#362A16

Color Values

HEX

#362A16

RGB

54, 42, 22

HSL

37.5, 42.1%, 14.9%

HSV

37.5, 59.3%, 21.2%

CMYK

0.0%, 22.2%, 59.3%, 78.8%

OKLCH

0.2932 0.037 79.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#362A16

#162236

Analogous

#361A16

#323616

#362A16

Triadic

#362A16

#16362A

#2A1636

Split Complementary

#362A16

#163236

#1A1636

Tetradic

#362A16

#16361A

#162236

#361632

Color Blindness Simulation

Original

#362A16

Protanopia

#31311B

Deuteranopia

#32321C

Tritanopia

#351F20

Achromatopsia

#2B2B2B

CSS Usage

background-color: #362A16;
color: #362A16;
border-color: #362A16;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF8F5
100
#F4EFE7
200
#EADFCC
300
#DCC8A8
400
#C8AB79
500
#B58D4A
600
#91713B
700
#745A2F
800
#5B4625
900
#43351E
950
#2A2113

Contrast Checker

Text on white

14.0:1

AA Pass AAA Pass

Text on black

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