#5546C3

#5546C3

Color Values

HEX

#5546C3

RGB

85, 70, 195

HSL

247.2, 51.0%, 52.0%

HSV

247.2, 64.1%, 76.5%

CMYK

56.4%, 64.1%, 0.0%, 23.5%

OKLCH

0.4852 0.1868 282.3

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5546C3

#B4C346

Analogous

#4676C3

#9446C3

#5546C3

Triadic

#5546C3

#C35546

#46C355

Split Complementary

#5546C3

#C39446

#76C346

Tetradic

#5546C3

#C34676

#B4C346

#46C394

Color Blindness Simulation

Original

#5546C3

Protanopia

#4F4EA5

Deuteranopia

#4F509E

Tritanopia

#548D88

Achromatopsia

#525252

CSS Usage

background-color: #5546C3;
color: #5546C3;
border-color: #5546C3;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC9EE
300
#AAA3E1
400
#7C71D1
500
#4E3EC1
600
#3E329A
700
#32287B
800
#271F60
900
#201A47
950
#14112D

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

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