#822356

#822356

Color Values

HEX

#822356

RGB

130, 35, 86

HSL

327.8, 57.6%, 32.4%

HSV

327.8, 73.1%, 51.0%

CMYK

0.0%, 73.1%, 33.8%, 49.0%

OKLCH

0.4229 0.1388 351.7

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#822356

#23824F

Analogous

#7F2382

#822327

#822356

Triadic

#822356

#568223

#235682

Split Complementary

#822356

#278223

#23827F

Tetradic

#822356

#827F23

#23824F

#232782

Color Blindness Simulation

Original

#822356

Protanopia

#59584A

Deuteranopia

#5E6647

Tritanopia

#7D403E

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C7DD
300
#E59FC4
400
#D76AA5
500
#C93685
600
#A12B6A
700
#812355
800
#641B42
900
#4A1732
950
#2E0F20

Contrast Checker

Text on white

9.04:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026