#541081

#541081

Color Values

HEX

#541081

RGB

84, 16, 129

HSL

276.1, 77.9%, 28.4%

HSV

276.1, 87.6%, 50.6%

CMYK

34.9%, 87.6%, 0.0%, 49.4%

OKLCH

0.3598 0.1702 306.1

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#541081

#3D8110

Analogous

#1B1081

#811075

#541081

Triadic

#541081

#815410

#108154

Split Complementary

#541081

#758110

#10811B

Tetradic

#541081

#811B10

#3D8110

#107581

Color Blindness Simulation

Original

#541081

Protanopia

#373666

Deuteranopia

#3A405F

Tritanopia

#51504B

Achromatopsia

#272727

CSS Usage

background-color: #541081;
color: #541081;
border-color: #541081;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F2FC
100
#F0E1F9
200
#E1BFF7
300
#CB92F1
400
#B057EA
500
#941CE3
600
#7617B5
700
#5F1291
800
#4A0E71
900
#370E52
950
#230934

Contrast Checker

Text on white

11.88:1

AA Pass AAA Pass

Text on black

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