#824142

#824142

Color Values

HEX

#824142

RGB

130, 65, 66

HSL

359.1, 33.3%, 38.2%

HSV

359.1, 50.0%, 51.0%

CMYK

0.0%, 50.0%, 49.2%, 49.0%

OKLCH

0.4576 0.0896 20.2

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#824142

#418281

Analogous

#824162

#826041

#824142

Triadic

#824142

#428241

#414282

Split Complementary

#824142

#418260

#416282

Tetradic

#824142

#628241

#418281

#604182

Color Blindness Simulation

Original

#824142

Protanopia

#666542

Deuteranopia

#6A6E42

Tritanopia

#7F4242

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E7CFD0
300
#D6ADAE
400
#C08182
500
#AA5556
600
#884445
700
#6D3637
800
#552B2B
900
#3F2222
950
#281516

Contrast Checker

Text on white

7.54:1

AA Pass AAA Pass

Text on black

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