#840B45

#840B45

Color Values

HEX

#840B45

RGB

132, 11, 69

HSL

331.2, 84.6%, 28.0%

HSV

331.2, 91.7%, 51.8%

CMYK

0.0%, 91.7%, 47.7%, 48.2%

OKLCH

0.4025 0.1555 359.9

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#840B45

#0B844A

Analogous

#840B81

#840D0B

#840B45

Triadic

#840B45

#45840B

#0B4584

Split Complementary

#840B45

#0B840D

#0B8184

Tetradic

#840B45

#81840B

#0B844A

#0D0B84

Color Blindness Simulation

Original

#840B45

Protanopia

#504F37

Deuteranopia

#576034

Tritanopia

#7E2C29

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDA
300
#F68EC0
400
#F0519D
500
#EB147B
600
#BC1063
700
#970D4F
800
#760A3E
900
#550C2F
950
#36071E

Contrast Checker

Text on white

9.93:1

AA Pass AAA Pass

Text on black

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