#822145

#822145

Color Values

HEX

#822145

RGB

130, 33, 69

HSL

337.7, 59.5%, 32.0%

HSV

337.7, 74.6%, 51.0%

CMYK

0.0%, 74.6%, 46.9%, 49.0%

OKLCH

0.4146 0.1342 2.6

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#822145

#21825E

Analogous

#822176

#822E21

#822145

Triadic

#822145

#458221

#214582

Split Complementary

#822145

#21822E

#217682

Tetradic

#822145

#768221

#21825E

#2E2182

Color Blindness Simulation

Original

#822145

Protanopia

#58573C

Deuteranopia

#5E653A

Tritanopia

#7D3534

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF3F6
100
#F6E4EB
200
#F1C6D6
300
#E69DB8
400
#D96992
500
#CB346C
600
#A32956
700
#822145
800
#661A36
900
#4A172A
950
#2F0E1A

Contrast Checker

Text on white

9.32:1

AA Pass AAA Pass

Text on black

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