#822255

#822255

Color Values

HEX

#822255

RGB

130, 34, 85

HSL

328.1, 58.5%, 32.2%

HSV

328.1, 73.8%, 51.0%

CMYK

0.0%, 73.8%, 34.6%, 49.0%

OKLCH

0.4215 0.1396 352.2

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#822255

#22824F

Analogous

#7F2282

#822225

#822255

Triadic

#822255

#558222

#225582

Split Complementary

#822255

#258222

#22827F

Tetradic

#822255

#827F22

#22824F

#222582

Color Blindness Simulation

Original

#822255

Protanopia

#585849

Deuteranopia

#5E6546

Tritanopia

#7D3F3D

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C6DD
300
#E69EC4
400
#D869A4
500
#CA3584
600
#A22A6A
700
#812255
800
#651A42
900
#4A1732
950
#2F0E20

Contrast Checker

Text on white

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