#824757

#824757

Color Values

HEX

#824757

RGB

130, 71, 87

HSL

343.7, 29.4%, 39.4%

HSV

343.7, 45.4%, 51.0%

CMYK

0.0%, 45.4%, 33.1%, 49.0%

OKLCH

0.4738 0.0825 3.3

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#824757

#478272

Analogous

#824775

#825447

#824757

Triadic

#824757

#578247

#475782

Split Complementary

#824757

#478254

#477582

Tetradic

#824757

#758247

#478272

#544782

Color Blindness Simulation

Original

#824757

Protanopia

#686853

Deuteranopia

#6C7052

Tritanopia

#7F504F

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F9F5F6
100
#F2E9EB
200
#E6D1D7
300
#D4B0BA
400
#BC8594
500
#A55A6E
600
#844858
700
#6A3A47
800
#522D37
900
#3D242B
950
#27171B

Contrast Checker

Text on white

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