#832216

#832216

Color Values

HEX

#832216

RGB

131, 34, 22

HSL

6.6, 71.2%, 30.0%

HSV

6.6, 83.2%, 51.4%

CMYK

0.0%, 74.0%, 83.2%, 48.6%

OKLCH

0.4077 0.1339 30.6

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#832216

#167783

Analogous

#831641

#835816

#832216

Triadic

#832216

#168322

#221683

Split Complementary

#832216

#168358

#164183

Tetradic

#832216

#418316

#167783

#581683

Color Blindness Simulation

Original

#832216

Protanopia

#595819

Deuteranopia

#5F661A

Tritanopia

#7E1B1C

Achromatopsia

#363636

CSS Usage

background-color: #832216;
color: #832216;
border-color: #832216;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C7C2
300
#EDA096
400
#E46C5D
500
#DA3925
600
#AF2D1D
700
#8C2418
800
#6D1C12
900
#4F1811
950
#320F0B

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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