#824256

#824256

Color Values

HEX

#824256

RGB

130, 66, 86

HSL

341.2, 32.7%, 38.4%

HSV

341.2, 49.2%, 51.0%

CMYK

0.0%, 49.2%, 33.8%, 49.0%

OKLCH

0.465 0.0906 1.3

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#824256

#42826E

Analogous

#824276

#824E42

#824256

Triadic

#824256

#568242

#425682

Split Complementary

#824256

#42824E

#427682

Tetradic

#824256

#768242

#42826E

#4E4282

Color Blindness Simulation

Original

#824256

Protanopia

#666651

Deuteranopia

#6A6F50

Tritanopia

#7F4D4C

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E8EB
200
#E7D0D7
300
#D6AEBA
400
#C08295
500
#A95670
600
#87455A
700
#6C3748
800
#552B38
900
#3F222B
950
#28161B

Contrast Checker

Text on white

7.34:1

AA Pass AAA Pass

Text on black

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