#540C99

#540C99

Color Values

HEX

#540C99

RGB

84, 12, 153

HSL

270.6, 85.5%, 32.4%

HSV

270.6, 92.2%, 60.0%

CMYK

45.1%, 92.2%, 0.0%, 40.0%

OKLCH

0.3803 0.1955 298.4

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#540C99

#51990C

Analogous

#0D0C99

#990C98

#540C99

Triadic

#540C99

#99540C

#0C9954

Split Complementary

#540C99

#98990C

#0C990D

Tetradic

#540C99

#990D0C

#51990C

#0C9899

Color Blindness Simulation

Original

#540C99

Protanopia

#353477

Deuteranopia

#393E6F

Tritanopia

#505C56

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBDFA
300
#C38DF6
400
#A250F1
500
#8212ED
600
#680FBD
700
#530C97
800
#410976
900
#310B56
950
#1F0736

Contrast Checker

Text on white

11.11:1

AA Pass AAA Pass

Text on black

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