#840847

#840847

Color Values

HEX

#840847

RGB

132, 8, 71

HSL

329.5, 88.6%, 27.5%

HSV

329.5, 93.9%, 51.8%

CMYK

0.0%, 93.9%, 46.2%, 48.2%

OKLCH

0.402 0.1579 358.5

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#840847

#088445

Analogous

#830884

#840809

#840847

Triadic

#840847

#478408

#084784

Split Complementary

#840847

#098408

#088483

Tetradic

#840847

#848308

#088445

#080984

Color Blindness Simulation

Original

#840847

Protanopia

#4E4D38

Deuteranopia

#565F34

Tritanopia

#7E2C29

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FBE0ED
200
#FBBCDC
300
#F88CC3
400
#F44DA2
500
#F00F81
600
#C00C68
700
#9A0953
800
#780741
900
#570A31
950
#37061F

Contrast Checker

Text on white

9.97:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026