#82180C

#82180C

Color Values

HEX

#82180C

RGB

130, 24, 12

HSL

6.1, 83.1%, 27.8%

HSV

6.1, 90.8%, 51.0%

CMYK

0.0%, 81.5%, 90.8%, 49.0%

OKLCH

0.3954 0.1425 30.5

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#82180C

#0C7682

Analogous

#820C3B

#82530C

#82180C

Triadic

#82180C

#0C8218

#180C82

Split Complementary

#82180C

#0C8253

#0C3B82

Tetradic

#82180C

#3B820C

#0C7682

#530C82

Color Blindness Simulation

Original

#82180C

Protanopia

#54530F

Deuteranopia

#5A6210

Tritanopia

#7D1112

Achromatopsia

#2E2E2E

CSS Usage

background-color: #82180C;
color: #82180C;
border-color: #82180C;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F9C4BE
300
#F5998F
400
#EF6252
500
#E92B16
600
#BB2211
700
#951C0E
800
#75160B
900
#55140C
950
#350C08

Contrast Checker

Text on white

10.07:1

AA Pass AAA Pass

Text on black

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