#84351F

#84351F

Color Values

HEX

#84351F

RGB

132, 53, 31

HSL

13.1, 62.0%, 32.0%

HSV

13.1, 76.5%, 51.8%

CMYK

0.0%, 59.8%, 76.5%, 48.2%

OKLCH

0.435 0.1144 36.3

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#84351F

#1F6E84

Analogous

#841F3C

#84681F

#84351F

Triadic

#84351F

#1F8435

#351F84

Split Complementary

#84351F

#1F8468

#1F3C84

Tetradic

#84351F

#3C841F

#1F6E84

#681F84

Color Blindness Simulation

Original

#84351F

Protanopia

#626124

Deuteranopia

#666C26

Tritanopia

#802929

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FBF5F3
100
#F7E8E4
200
#F1CFC5
300
#E8AC9C
400
#DB8066
500
#CF5330
600
#A54227
700
#84351F
800
#672918
900
#4B2115
950
#30150E

Contrast Checker

Text on white

8.37:1

AA Pass AAA Pass

Text on black

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