#822347

#822347

Color Values

HEX

#822347

RGB

130, 35, 71

HSL

337.3, 57.6%, 32.4%

HSV

337.3, 73.1%, 51.0%

CMYK

0.0%, 73.1%, 45.4%, 49.0%

OKLCH

0.4174 0.1324 1.7

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#822347

#23825E

Analogous

#822377

#822F23

#822347

Triadic

#822347

#478223

#234782

Split Complementary

#822347

#23822F

#237782

Tetradic

#822347

#778223

#23825E

#2F2382

Color Blindness Simulation

Original

#822347

Protanopia

#59583E

Deuteranopia

#5E663C

Tritanopia

#7D3736

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F6E4EB
200
#F0C7D6
300
#E59FB9
400
#D76A93
500
#C9366E
600
#A12B58
700
#812346
800
#641B37
900
#4A172A
950
#2E0F1B

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

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