#322809

#322809

Color Values

HEX

#322809

RGB

50, 40, 9

HSL

45.4, 69.5%, 11.6%

HSV

45.4, 82.0%, 19.6%

CMYK

0.0%, 20.0%, 82.0%, 80.4%

OKLCH

0.281 0.048 90.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#322809

#091332

Analogous

#321409

#283209

#322809

Triadic

#322809

#093228

#280932

Split Complementary

#322809

#092832

#140932

Tetradic

#322809

#093214

#091332

#320928

Color Blindness Simulation

Original

#322809

Protanopia

#2E2E10

Deuteranopia

#2E2F12

Tritanopia

#321618

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F8F3E3
200
#F4E8C2
300
#ECD897
400
#E2C25F
500
#D8AD27
600
#AD8A1F
700
#8A6F19
800
#6C5613
900
#4F4012
950
#32280B

Contrast Checker

Text on white

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