#824148

#824148

Color Values

HEX

#824148

RGB

130, 65, 72

HSL

353.5, 33.3%, 38.2%

HSV

353.5, 50.0%, 51.0%

CMYK

0.0%, 50.0%, 44.6%, 49.0%

OKLCH

0.4591 0.0895 14.5

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#824148

#41827B

Analogous

#824168

#825A41

#824148

Triadic

#824148

#488241

#414882

Split Complementary

#824148

#41825A

#416882

Tetradic

#824148

#688241

#41827B

#5A4182

Color Blindness Simulation

Original

#824148

Protanopia

#666546

Deuteranopia

#6A6E46

Tritanopia

#7F4545

Achromatopsia

#4F4F4F

CSS Usage

background-color: #824148;
color: #824148;
border-color: #824148;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F6
100
#F2E8E9
200
#E7CFD2
300
#D6ADB2
400
#C08188
500
#AA555E
600
#88444B
700
#6D363C
800
#552B2F
900
#3F2225
950
#281517

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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