#551194

#551194

Color Values

HEX

#551194

RGB

85, 17, 148

HSL

271.1, 79.4%, 32.4%

HSV

271.1, 88.5%, 58.0%

CMYK

42.6%, 88.5%, 0.0%, 42.0%

OKLCH

0.3796 0.1879 300.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#551194

#509411

Analogous

#131194

#941192

#551194

Triadic

#551194

#945511

#119455

Split Complementary

#551194

#929411

#119413

Tetradic

#551194

#941311

#509411

#119294

Color Blindness Simulation

Original

#551194

Protanopia

#383774

Deuteranopia

#3C416D

Tritanopia

#525B56

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DCBFF8
300
#C491F2
400
#A356EC
500
#831AE5
600
#6915B7
700
#541192
800
#420D72
900
#320E53
950
#1F0934

Contrast Checker

Text on white

11.09:1

AA Pass AAA Pass

Text on black

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