#540F70

#540F70

Color Values

HEX

#540F70

RGB

84, 15, 112

HSL

282.7, 76.4%, 24.9%

HSV

282.7, 86.6%, 43.9%

CMYK

25.0%, 86.6%, 0.0%, 56.1%

OKLCH

0.3444 0.1551 313.2

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#540F70

#2B700F

Analogous

#240F70

#700F5B

#540F70

Triadic

#540F70

#70540F

#0F7054

Split Complementary

#540F70

#5B700F

#0F7024

Tetradic

#540F70

#70240F

#2B700F

#0F5B70

Color Blindness Simulation

Original

#540F70

Protanopia

#363659

Deuteranopia

#3A3F53

Tritanopia

#514642

Achromatopsia

#252525

CSS Usage

background-color: #540F70;
color: #540F70;
border-color: #540F70;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F2FC
100
#F2E2F9
200
#E7C0F7
300
#D693F1
400
#BF59E9
500
#A91EE1
600
#8718B4
700
#6C1390
800
#540F70
900
#3F0F52
950
#280A34

Contrast Checker

Text on white

12.51:1

AA Pass AAA Pass

Text on black

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