#832218

#832218

Color Values

HEX

#832218

RGB

131, 34, 24

HSL

5.6, 69.0%, 30.4%

HSV

5.6, 81.7%, 51.4%

CMYK

0.0%, 74.0%, 81.7%, 48.6%

OKLCH

0.4079 0.1336 29.8

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#832218

#187983

Analogous

#831844

#835818

#832218

Triadic

#832218

#188322

#221883

Split Complementary

#832218

#188358

#184483

Tetradic

#832218

#448318

#187983

#581883

Color Blindness Simulation

Original

#832218

Protanopia

#59581A

Deuteranopia

#5F661B

Tritanopia

#7E1C1D

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C7C3
300
#EC9F98
400
#E26C60
500
#D73828
600
#AC2D20
700
#8A2419
800
#6C1C14
900
#4F1812
950
#320F0C

Contrast Checker

Text on white

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