#362303

#362303

Color Values

HEX

#362303

RGB

54, 35, 3

HSL

37.6, 89.5%, 11.2%

HSV

37.6, 94.4%, 21.2%

CMYK

0.0%, 35.2%, 94.4%, 78.8%

OKLCH

0.2732 0.0538 76.2

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#362303

#031636

Analogous

#360903

#303603

#362303

Triadic

#362303

#033623

#230336

Split Complementary

#362303

#033036

#090336

Tetradic

#362303

#033609

#031636

#360330

Color Blindness Simulation

Original

#362303

Protanopia

#2E2E0B

Deuteranopia

#2F300D

Tritanopia

#351112

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF1E0
200
#FBE3BB
300
#F9D08B
400
#F5B64C
500
#F29C0D
600
#C17D0B
700
#9B6409
800
#794E07
900
#573A09
950
#372506

Contrast Checker

Text on white

15.02:1

AA Pass AAA Pass

Text on black

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