#540884

#540884

Color Values

HEX

#540884

RGB

84, 8, 132

HSL

276.8, 88.6%, 27.5%

HSV

276.8, 93.9%, 51.8%

CMYK

36.4%, 93.9%, 0.0%, 48.2%

OKLCH

0.3579 0.1781 305.5

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#540884

#388408

Analogous

#160884

#840876

#540884

Triadic

#540884

#845408

#088454

Split Complementary

#540884

#768408

#088416

Tetradic

#540884

#841608

#388408

#087684

Color Blindness Simulation

Original

#540884

Protanopia

#333266

Deuteranopia

#383D5F

Tritanopia

#504E49

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E0FB
200
#E2BCFB
300
#CE8CF8
400
#B44DF4
500
#990FF0
600
#7A0CC0
700
#62099A
800
#4D0778
900
#390A57
950
#240637

Contrast Checker

Text on white

12.04:1

AA Pass AAA Pass

Text on black

1.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026