#884548

#884548

Color Values

HEX

#884548

RGB

136, 69, 72

HSL

357.3, 32.7%, 40.2%

HSV

357.3, 49.3%, 53.3%

CMYK

0.0%, 49.3%, 47.1%, 46.7%

OKLCH

0.4746 0.0914 18.3

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#884548

#458885

Analogous

#88456A

#886345

#884548

Triadic

#884548

#488845

#454888

Split Complementary

#884548

#458863

#456A88

Tetradic

#884548

#6A8845

#458885

#634588

Color Blindness Simulation

Original

#884548

Protanopia

#6B6A47

Deuteranopia

#6F7447

Tritanopia

#854747

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F9F5F5
100
#F2E8E9
200
#E7D0D1
300
#D6AEB0
400
#C08285
500
#A9565A
600
#874548
700
#6C3739
800
#552B2D
900
#3F2223
950
#281616

Contrast Checker

Text on white

7.02:1

AA Pass AAA Pass

Text on black

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