#322407

#322407

Color Values

HEX

#322407

RGB

50, 36, 7

HSL

40.5, 75.4%, 11.2%

HSV

40.5, 86.0%, 19.6%

CMYK

0.0%, 28.0%, 86.0%, 80.4%

OKLCH

0.2705 0.0476 82.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#322407

#071532

Analogous

#320F07

#2B3207

#322407

Triadic

#322407

#073224

#240732

Split Complementary

#322407

#072B32

#0F0732

Tetradic

#322407

#07320F

#071532

#32072B

Color Blindness Simulation

Original

#322407

Protanopia

#2C2C0E

Deuteranopia

#2D2E10

Tritanopia

#311415

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F1E2
200
#F6E5C0
300
#F0D294
400
#E8BA5A
500
#E0A11F
600
#B38119
700
#8F6714
800
#705110
900
#513C10
950
#33260A

Contrast Checker

Text on white

15.1:1

AA Pass AAA Pass

Text on black

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