#32220F

#32220F

Color Values

HEX

#32220F

RGB

50, 34, 15

HSL

32.6, 53.8%, 12.7%

HSV

32.6, 70.0%, 19.6%

CMYK

0.0%, 32.0%, 70.0%, 80.4%

OKLCH

0.2667 0.0394 69.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#32220F

#0F1F32

Analogous

#32100F

#30320F

#32220F

Triadic

#32220F

#0F3222

#220F32

Split Complementary

#32220F

#0F3032

#100F32

Tetradic

#32220F

#0F3210

#0F1F32

#320F30

Color Blindness Simulation

Original

#32220F

Protanopia

#2B2B14

Deuteranopia

#2C2D15

Tritanopia

#311718

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EFDDC8
300
#E3C5A1
400
#D3A56E
500
#C4853B
600
#9D6B2F
700
#7E5526
800
#62431D
900
#483219
950
#2D2010

Contrast Checker

Text on white

15.31:1

AA Pass AAA Pass

Text on black

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