#555280

Color Details

HEX
#555280
RGB
rgb(85, 82, 128)
HSL
hsl(244, 22%, 41%)
CMYK
cmyk(34%, 36%, 0%, 50%)
Best text on this color #FFFFFF (CR 7.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #555280
Contrast 2.90:1 Fail
White on #555280
Contrast 7.23:1 AAA
#555280 on Black
Contrast 2.90:1 Fail
#555280 on White
Contrast 7.23:1 AAA

Tints & Shades

#777599
#9997b3
#bbbacc
#444266
#33314d
#222133

Complement & Analogous

#7c8052
#6c5280
#526580

Triadic

#805552
#528055

Monochrome

#222133 #33314d #555280 #9997b3 #bbbacc #dddce6

Analogous

#526580 #8693a6 #555280 #897599 #6c5280 #564266

Complementary Mix

#33314d #555280 #9997b3 #7c8052 #aaac8f #515335

Nearby Colors

#55527f
#555281
#555270
#555290

Embed #555280 swatch

Embed this swatch

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

Open image

About #555280

#555280 converts to RGB(85, 82, 128) and HSL(244, 22%, 41%). 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).

#555280 FAQs

What is the RGB value of #555280?
RGB: 85, 82, 128. Copy as CSS: rgb(85, 82, 128)
Is #555280 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #555280?
Complement: #7c8052.
Does #555280 have good contrast on white or black?
On white: 7.23:1 (AAA (normal text)). On black: 2.90:1 (Fails AA).