#54087F

#54087F

Color Values

HEX

#54087F

RGB

84, 8, 127

HSL

278.3, 88.1%, 26.5%

HSV

278.3, 93.7%, 49.8%

CMYK

33.9%, 93.7%, 0.0%, 50.2%

OKLCH

0.3533 0.1736 307.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#54087F

#337F08

Analogous

#19087F

#7F086F

#54087F

Triadic

#54087F

#7F5408

#087F54

Split Complementary

#54087F

#6F7F08

#087F19

Tetradic

#54087F

#7F1908

#337F08

#086F7F

Color Blindness Simulation

Original

#54087F

Protanopia

#333262

Deuteranopia

#383D5B

Tritanopia

#504B46

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FB
200
#E4BCFB
300
#D18CF8
400
#B84EF4
500
#9F0FF0
600
#7F0CC0
700
#650A99
800
#4F0878
900
#3B0A57
950
#250637

Contrast Checker

Text on white

12.22:1

AA Pass AAA Pass

Text on black

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