#541196

#541196

Color Values

HEX

#541196

RGB

84, 17, 150

HSL

270.2, 79.6%, 32.7%

HSV

270.2, 88.7%, 58.8%

CMYK

44.0%, 88.7%, 0.0%, 41.2%

OKLCH

0.3802 0.1897 299.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#541196

#539611

Analogous

#111196

#961195

#541196

Triadic

#541196

#965411

#119654

Split Complementary

#541196

#959611

#119611

Tetradic

#541196

#961111

#539611

#119596

Color Blindness Simulation

Original

#541196

Protanopia

#373676

Deuteranopia

#3B406E

Tritanopia

#515C57

Achromatopsia

#292929

CSS Usage

background-color: #541196;
color: #541196;
border-color: #541196;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F2FD
100
#EDE1F9
200
#DBBFF8
300
#C291F3
400
#A156EC
500
#801AE5
600
#6715B7
700
#521193
800
#400D72
900
#310E53
950
#1F0935

Contrast Checker

Text on white

11.07:1

AA Pass AAA Pass

Text on black

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