#842045

#842045

Color Values

HEX

#842045

RGB

132, 32, 69

HSL

337.8, 61.0%, 32.2%

HSV

337.8, 75.8%, 51.8%

CMYK

0.0%, 75.8%, 47.7%, 48.2%

OKLCH

0.4172 0.1373 3.0

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#842045

#20845F

Analogous

#842077

#842D20

#842045

Triadic

#842045

#458420

#204584

Split Complementary

#842045

#20842D

#207784

Tetradic

#842045

#778420

#20845F

#2D2084

Color Blindness Simulation

Original

#842045

Protanopia

#59583C

Deuteranopia

#5E663A

Tritanopia

#7F3533

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF3F6
100
#F6E4EB
200
#F1C6D6
300
#E79CB8
400
#DA6792
500
#CD326B
600
#A42856
700
#832045
800
#671936
900
#4B162A
950
#2F0E1A

Contrast Checker

Text on white

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