#555AB8

Color Details

HEX
#555AB8
RGB
rgb(85, 90, 184)
HSL
hsl(237, 41%, 53%)
CMYK
cmyk(54%, 51%, 0%, 28%)
Best text on this color #FFFFFF (CR 5.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #555ab8
Contrast 3.54:1 Fail
White on #555ab8
Contrast 5.93:1 AA
#555ab8 on Black
Contrast 3.54:1 Fail
#555ab8 on White
Contrast 5.93:1 AA

Tints & Shades

#777bc6
#999cd4
#bbbde3
#444893
#33366e
#22244a

Complement & Analogous

#b8b356
#8256b8
#568cb8

Triadic

#b8565b
#5bb856

Monochrome

#22244a #33366e #555ab8 #999cd4 #bbbde3 #dddef1

Analogous

#568cb8 #89afcd #555ab8 #9b78c6 #8256b8 #684593

Complementary Mix

#33366e #555ab8 #999cd4 #b8b356 #d1ce91 #787438

Nearby Colors

#555ab7
#555ab9
#555aa8
#555ac8

Embed #555AB8 swatch

Embed this swatch

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

Open image

About #555AB8

#555AB8 converts to RGB(85, 90, 184) and HSL(237, 41%, 53%). 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).

#555AB8 FAQs

What is the RGB value of #555AB8?
RGB: 85, 90, 184. Copy as CSS: rgb(85, 90, 184)
Is #555AB8 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #555AB8?
Complement: #b8b356.
Does #555AB8 have good contrast on white or black?
On white: 5.93:1 (AA (normal text)). On black: 3.54:1 (AA (large text)).