#321802

#321802

Color Values

HEX

#321802

RGB

50, 24, 2

HSL

27.5, 92.3%, 10.2%

HSV

27.5, 96.0%, 19.6%

CMYK

0.0%, 52.0%, 96.0%, 80.4%

OKLCH

0.2413 0.054 58.4

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#321802

#021C32

Analogous

#320204

#323002

#321802

Triadic

#321802

#023218

#180232

Split Complementary

#321802

#023230

#020432

Tetradic

#321802

#043202

#021C32

#300232

Color Blindness Simulation

Original

#321802

Protanopia

#272707

Deuteranopia

#282A09

Tritanopia

#310C0C

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD9BA
300
#FABD89
400
#F8994A
500
#F5760A
600
#C45E08
700
#9D4B06
800
#7B3B05
900
#592D08
950
#381C05

Contrast Checker

Text on white

16.57:1

AA Pass AAA Pass

Text on black

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