#822249

#822249

Color Values

HEX

#822249

RGB

130, 34, 73

HSL

335.6, 58.5%, 32.2%

HSV

335.6, 73.8%, 51.0%

CMYK

0.0%, 73.8%, 43.8%, 49.0%

OKLCH

0.417 0.1343 0.2

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#822249

#22825B

Analogous

#822279

#822B22

#822249

Triadic

#822249

#498222

#224982

Split Complementary

#822249

#22822B

#227982

Tetradic

#822249

#798222

#22825B

#2B2282

Color Blindness Simulation

Original

#822249

Protanopia

#585840

Deuteranopia

#5E653D

Tritanopia

#7D3836

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4EB
200
#F0C6D7
300
#E69EBB
400
#D86996
500
#CA3572
600
#A22A5B
700
#812249
800
#651A39
900
#4A172C
950
#2F0E1C

Contrast Checker

Text on white

9.23:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026