#542146

#542146

Color Values

HEX

#542146

RGB

84, 33, 70

HSL

316.5, 43.6%, 22.9%

HSV

316.5, 60.7%, 32.9%

CMYK

0.0%, 60.7%, 16.7%, 67.1%

OKLCH

0.3363 0.091 339.3

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#542146

#21542F

Analogous

#482154

#54212C

#542146

Triadic

#542146

#465421

#214654

Split Complementary

#542146

#2C5421

#215448

Tetradic

#542146

#544821

#21542F

#212C54

Color Blindness Simulation

Original

#542146

Protanopia

#3E3D3D

Deuteranopia

#41453B

Tritanopia

#513634

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F4E7F0
200
#EBCCE2
300
#DCA7CE
400
#CA78B3
500
#B74899
600
#923A7A
700
#752E62
800
#5C244C
900
#431D39
950
#2B1324

Contrast Checker

Text on white

12.48:1

AA Pass AAA Pass

Text on black

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