#540F96

#540F96

Color Values

HEX

#540F96

RGB

84, 15, 150

HSL

270.7, 81.8%, 32.4%

HSV

270.7, 90.0%, 58.8%

CMYK

44.0%, 90.0%, 0.0%, 41.2%

OKLCH

0.379 0.191 299.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#540F96

#51960F

Analogous

#110F96

#960F95

#540F96

Triadic

#540F96

#96540F

#0F9654

Split Complementary

#540F96

#95960F

#0F9611

Tetradic

#540F96

#96110F

#51960F

#0F9596

Color Blindness Simulation

Original

#540F96

Protanopia

#363675

Deuteranopia

#3A3F6E

Tritanopia

#515C56

Achromatopsia

#272727

CSS Usage

background-color: #540F96;
color: #540F96;
border-color: #540F96;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F2FD
100
#EDE1FA
200
#DCBEF9
300
#C390F4
400
#A253EE
500
#8217E8
600
#6813B9
700
#530F94
800
#410C74
900
#310D54
950
#1F0835

Contrast Checker

Text on white

11.14:1

AA Pass AAA Pass

Text on black

1.89:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026