#822256

#822256

Color Values

HEX

#822256

RGB

130, 34, 86

HSL

327.5, 58.5%, 32.2%

HSV

327.5, 73.8%, 51.0%

CMYK

0.0%, 73.8%, 33.8%, 49.0%

OKLCH

0.4219 0.1401 351.6

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#822256

#22824E

Analogous

#7E2282

#822226

#822256

Triadic

#822256

#568222

#225682

Split Complementary

#822256

#268222

#22827E

Tetradic

#822256

#827E22

#22824E

#222682

Color Blindness Simulation

Original

#822256

Protanopia

#585849

Deuteranopia

#5E6546

Tritanopia

#7D3F3D

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C6DD
300
#E69EC5
400
#D869A5
500
#CA3586
600
#A22A6B
700
#812256
800
#651A43
900
#4A1733
950
#2F0E20

Contrast Checker

Text on white

9.08:1

AA Pass AAA Pass

Text on black

2.31:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026