#823027

#823027

Color Values

HEX

#823027

RGB

130, 48, 39

HSL

5.9, 53.8%, 33.1%

HSV

5.9, 70.0%, 51.0%

CMYK

0.0%, 63.1%, 70.0%, 49.0%

OKLCH

0.4256 0.1153 29.0

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#823027

#277982

Analogous

#82274B

#825D27

#823027

Triadic

#823027

#278230

#302782

Split Complementary

#823027

#27825D

#274B82

Tetradic

#823027

#4B8227

#277982

#5D2782

Color Blindness Simulation

Original

#823027

Protanopia

#5E5E29

Deuteranopia

#63692A

Tritanopia

#7E2B2B

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EFCCC8
300
#E3A7A1
400
#D3786E
500
#C4483B
600
#9D3A2F
700
#7E2E26
800
#62241D
900
#481E19
950
#2D1310

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

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