#554EBC

Color Details

HEX
#554EBC
RGB
rgb(85, 78, 188)
HSL
hsl(244, 45%, 52%)
CMYK
cmyk(55%, 59%, 0%, 26%)
Best text on this color #FFFFFF (CR 6.56:1) Determined by WCAG contrast ratio

Readability Previews

Black on #554ebc
Contrast 3.20:1 Fail
White on #554ebc
Contrast 6.56:1 AA
#554ebc on Black
Contrast 3.20:1 Fail
#554ebc on White
Contrast 6.56:1 AA

Tints & Shades

#7771c9
#9995d7
#bbb8e4
#443e96
#332f71
#221f4b

Complement & Analogous

#b4bc4e
#8c4ebc
#4e7dbc

Triadic

#bc554e
#4ebc55

Monochrome

#221f4b #332f71 #554ebc #9995d7 #bbb8e4 #dddcf2

Analogous

#4e7dbc #83a4d0 #554ebc #a371c9 #8c4ebc #703e96

Complementary Mix

#332f71 #554ebc #9995d7 #b4bc4e #ced38c #757a33

Nearby Colors

#554ebb
#554ebd
#554eac
#554ecc

Embed #554EBC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #554EBC

#554EBC converts to RGB(85, 78, 188) and HSL(244, 45%, 52%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#554EBC FAQs

What is the RGB value of #554EBC?
RGB: 85, 78, 188. Copy as CSS: rgb(85, 78, 188)
Is #554EBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #554EBC?
Complement: #b4bc4e.
Does #554EBC have good contrast on white or black?
On white: 6.56:1 (AA (normal text)). On black: 3.20:1 (AA (large text)).