#322307

#322307

Color Values

HEX

#322307

RGB

50, 35, 7

HSL

39.1, 75.4%, 11.2%

HSV

39.1, 86.0%, 19.6%

CMYK

0.0%, 30.0%, 86.0%, 80.4%

OKLCH

0.268 0.0473 79.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#322307

#071632

Analogous

#320E07

#2C3207

#322307

Triadic

#322307

#073223

#230732

Split Complementary

#322307

#072C32

#0E0732

Tetradic

#322307

#07320E

#071632

#32072C

Color Blindness Simulation

Original

#322307

Protanopia

#2C2B0E

Deuteranopia

#2C2E0F

Tritanopia

#311314

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F1E2
200
#F6E3C0
300
#F0D094
400
#E8B65A
500
#E09D1F
600
#B37D19
700
#8F6414
800
#704E10
900
#513A10
950
#33250A

Contrast Checker

Text on white

15.23:1

AA Pass AAA Pass

Text on black

1.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026