#540F98

#540F98

Color Values

HEX

#540F98

RGB

84, 15, 152

HSL

270.2, 82.0%, 32.7%

HSV

270.2, 90.1%, 59.6%

CMYK

44.7%, 90.1%, 0.0%, 40.4%

OKLCH

0.3809 0.1929 298.5

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#540F98

#53980F

Analogous

#0F0F98

#980F97

#540F98

Triadic

#540F98

#98540F

#0F9854

Split Complementary

#540F98

#97980F

#0F980F

Tetradic

#540F98

#980F0F

#53980F

#0F9798

Color Blindness Simulation

Original

#540F98

Protanopia

#363677

Deuteranopia

#3A3F6F

Tritanopia

#515D57

Achromatopsia

#282828

CSS Usage

background-color: #540F98;
color: #540F98;
border-color: #540F98;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F2FD
100
#EDE1FA
200
#DBBEF9
300
#C290F4
400
#A153EE
500
#8017E8
600
#6712BA
700
#520F95
800
#400B74
900
#310D54
950
#1F0835

Contrast Checker

Text on white

11.06:1

AA Pass AAA Pass

Text on black

1.9:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026