#840949

#840949

Color Values

HEX

#840949

RGB

132, 9, 73

HSL

328.8, 87.2%, 27.6%

HSV

328.8, 93.2%, 51.8%

CMYK

0.0%, 93.2%, 44.7%, 48.2%

OKLCH

0.4031 0.1581 357.4

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#840949

#098444

Analogous

#810984

#84090B

#840949

Triadic

#840949

#498409

#094984

Split Complementary

#840949

#0B8409

#098481

Tetradic

#840949

#848109

#098444

#090B84

Color Blindness Simulation

Original

#840949

Protanopia

#4F4E3A

Deuteranopia

#565F36

Tritanopia

#7E2D2B

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABCDD
300
#F78CC4
400
#F34EA4
500
#EF1084
600
#BF0D6A
700
#990A54
800
#770842
900
#560A32
950
#370720

Contrast Checker

Text on white

9.92:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026