#554DC3

#554DC3

Color Values

HEX

#554DC3

RGB

85, 77, 195

HSL

244.1, 49.6%, 53.3%

HSV

244.1, 60.5%, 76.5%

CMYK

56.4%, 60.5%, 0.0%, 23.5%

OKLCH

0.4968 0.178 280.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#554DC3

#BBC34D

Analogous

#4D80C3

#904DC3

#554DC3

Triadic

#554DC3

#C3554D

#4DC355

Split Complementary

#554DC3

#C3904D

#80C34D

Tetradic

#554DC3

#C34D80

#BBC34D

#4DC390

Color Blindness Simulation

Original

#554DC3

Protanopia

#5251A6

Deuteranopia

#5253A0

Tritanopia

#55908B

Achromatopsia

#575757

CSS Usage

background-color: #554DC3;
color: #554DC3;
border-color: #554DC3;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CCCAED
300
#A8A3E0
400
#7872CF
500
#4940BF
600
#3A3399
700
#2F297A
800
#24205F
900
#1E1B46
950
#13112C

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026