#84331F

#84331F

Color Values

HEX

#84331F

RGB

132, 51, 31

HSL

11,9, 62,0%, 32,0%

HSV

11,9, 76,5%, 51,8%

CMYK

0,0%, 61,4%, 76,5%, 48,2%

OKLCH

0,4321 0,1164 35,1

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#84331F

#1F7084

Analogous

#841F3E

#84661F

#84331F

Triadic

#84331F

#1F8433

#331F84

Split Complementary

#84331F

#1F8466

#1F3E84

Tetradic

#84331F

#3E841F

#1F7084

#661F84

Color Blindness Simulation

Original

#84331F

Protanopia

#616024

Deuteranopia

#666C25

Tritanopia

#802828

Achromatopsia

#434343

CSS Usage

background-color: #84331F;
color: #84331F;
border-color: #84331F;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FBF5F3
100
#F7E7E4
200
#F1CEC5
300
#E8AB9C
400
#DB7D66
500
#CF5030
600
#A54027
700
#84331F
800
#672818
900
#4B2015
950
#30140E

Contrast Checker

Text on white

8,49:1

AA Pass AAA Pass

Text on black

2,47: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