#322707

#322707

Color Values

HEX

#322707

RGB

50, 39, 7

HSL

44.7, 75.4%, 11.2%

HSV

44.7, 86.0%, 19.6%

CMYK

0.0%, 22.0%, 86.0%, 80.4%

OKLCH

0.2782 0.0493 89.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#322707

#071232

Analogous

#321207

#283207

#322707

Triadic

#322707

#073227

#270732

Split Complementary

#322707

#072832

#120732

Tetradic

#322707

#073212

#071232

#320728

Color Blindness Simulation

Original

#322707

Protanopia

#2D2D0F

Deuteranopia

#2E2F11

Tritanopia

#311516

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FCFAF2
100
#F9F3E2
200
#F6E8C0
300
#F0D894
400
#E8C45A
500
#E0AF1F
600
#B38C19
700
#8F7014
800
#705710
900
#514110
950
#33290A

Contrast Checker

Text on white

14.7:1

AA Pass AAA Pass

Text on black

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