#540AAB

#540AAB

Color Values

HEX

#540AAB

RGB

84, 10, 171

HSL

267.6, 89.0%, 35.5%

HSV

267.6, 94.2%, 67.1%

CMYK

50.9%, 94.2%, 0.0%, 32.9%

OKLCH

0.3978 0.2134 293.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#540AAB

#61AB0A

Analogous

#0A10AB

#A50AAB

#540AAB

Triadic

#540AAB

#AB540A

#0AAB54

Split Complementary

#540AAB

#ABA50A

#10AB0A

Tetradic

#540AAB

#AB0A10

#61AB0A

#0AABA5

Color Blindness Simulation

Original

#540AAB

Protanopia

#343384

Deuteranopia

#383E7B

Tritanopia

#50655F

Achromatopsia

#252525

CSS Usage

background-color: #540AAB;
color: #540AAB;
border-color: #540AAB;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F2FD
100
#ECE0FB
200
#D9BCFB
300
#BD8BF8
400
#9A4DF5
500
#760EF1
600
#5F0BC1
700
#4C099A
800
#3B0778
900
#2D0A57
950
#1D0637

Contrast Checker

Text on white

10.46:1

AA Pass AAA Pass

Text on black

2.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026