#541637

#541637

Color Values

HEX

#541637

RGB

84, 22, 55

HSL

328.1, 58.5%, 20.8%

HSV

328.1, 73.8%, 32.9%

CMYK

0.0%, 73.8%, 34.5%, 67.1%

OKLCH

0.3143 0.0987 351.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#541637

#165433

Analogous

#521654

#541618

#541637

Triadic

#541637

#375416

#163754

Split Complementary

#541637

#185416

#165452

Tetradic

#541637

#545216

#165433

#161854

Color Blindness Simulation

Original

#541637

Protanopia

#39392F

Deuteranopia

#3D412D

Tritanopia

#512927

Achromatopsia

#262626

CSS Usage

background-color: #541637;
color: #541637;
border-color: #541637;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C6DD
300
#E69EC4
400
#D869A4
500
#CA3584
600
#A22A6A
700
#812255
800
#651A42
900
#4A1732
950
#2F0E20

Contrast Checker

Text on white

13.58:1

AA Pass AAA Pass

Text on black

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