#554BF7

#554BF7

Color Values

HEX

#554BF7

RGB

85, 75, 247

HSL

243.5, 91.5%, 63.1%

HSV

243.5, 69.6%, 96.9%

CMYK

65.6%, 69.6%, 0.0%, 3.1%

OKLCH

0.5383 0.245 276.9

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#554BF7

#EDF74B

Analogous

#4B97F7

#AB4BF7

#554BF7

Triadic

#554BF7

#F7554B

#4BF755

Split Complementary

#554BF7

#F7AB4B

#97F74B

Tetradic

#554BF7

#F74B97

#EDF74B

#4BF7AB

Color Blindness Simulation

Original

#554BF7

Protanopia

#5151CD

Deuteranopia

#5152C3

Tritanopia

#54ACA5

Achromatopsia

#5A5A5A

CSS Usage

background-color: #554BF7;
color: #554BF7;
border-color: #554BF7;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BEBBFC
300
#908AFA
400
#544AF7
500
#180BF4
600
#1409C3
700
#10079C
800
#0C057A
900
#0D0958
950
#080538

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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