#840548

#840548

Color Values

HEX

#840548

RGB

132, 5, 72

HSL

328.3, 92.7%, 26.9%

HSV

328.3, 96.2%, 51.8%

CMYK

0.0%, 96.2%, 45.5%, 48.2%

OKLCH

0.4011 0.1599 357.7

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#840548

#058441

Analogous

#810584

#840509

#840548

Triadic

#840548

#488405

#054884

Split Complementary

#840548

#098405

#058481

Tetradic

#840548

#848105

#058441

#050984

Color Blindness Simulation

Original

#840548

Protanopia

#4D4C38

Deuteranopia

#545E34

Tritanopia

#7E2B28

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADD
300
#FB89C5
400
#F849A6
500
#F60986
600
#C5076B
700
#9D0656
800
#7B0543
900
#590833
950
#380520

Contrast Checker

Text on white

10.02:1

AA Pass AAA Pass

Text on black

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