#822447

#822447

Color Values

HEX

#822447

RGB

130, 36, 71

HSL

337.7, 56.6%, 32.5%

HSV

337.7, 72.3%, 51.0%

CMYK

0.0%, 72.3%, 45.4%, 49.0%

OKLCH

0.4184 0.1312 2.0

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#822447

#24825F

Analogous

#822476

#823024

#822447

Triadic

#822447

#478224

#244782

Split Complementary

#822447

#248230

#247682

Tetradic

#822447

#768224

#24825F

#302482

Color Blindness Simulation

Original

#822447

Protanopia

#59583F

Deuteranopia

#5F663C

Tritanopia

#7D3836

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F6E5EB
200
#F0C7D6
300
#E49FB9
400
#D66B93
500
#C8376D
600
#A02C57
700
#802346
800
#641C36
900
#49182A
950
#2E0F1B

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

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