#822958

#822958

Color Values

HEX

#822958

RGB

130, 41, 88

HSL

328.3, 52.0%, 33.5%

HSV

328.3, 68.5%, 51.0%

CMYK

0.0%, 68.5%, 32.3%, 49.0%

OKLCH

0.4302 0.1317 351.4

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#822958

#298253

Analogous

#7F2982

#82292C

#822958

Triadic

#822958

#588229

#295882

Split Complementary

#822958

#2C8229

#29827F

Tetradic

#822958

#827F29

#298253

#292C82

Color Blindness Simulation

Original

#822958

Protanopia

#5B5B4D

Deuteranopia

#61674A

Tritanopia

#7E4442

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EEC9DC
300
#E2A2C4
400
#D270A3
500
#C23D83
600
#9B3169
700
#7C2754
800
#611F42
900
#471A32
950
#2D101F

Contrast Checker

Text on white

8.72:1

AA Pass AAA Pass

Text on black

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