#5655EB

Color Details

HEX
#5655EB
RGB
rgb(86, 85, 235)
HSL
hsl(240, 79%, 63%)
CMYK
cmyk(63%, 64%, 0%, 8%)
Best text on this color #FFFFFF (CR 5.39:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5655eb
Contrast 3.89:1 Fail
White on #5655eb
Contrast 5.39:1 AA
#5655eb on Black
Contrast 3.89:1 Fail
#5655eb on White
Contrast 5.39:1 AA

Tints & Shades

#7877ef
#9a99f3
#bbbbf7
#4544bc
#34338d
#22225e

Complement & Analogous

#ebeb56
#a156eb
#56a1eb

Triadic

#eb5656
#56eb56

Monochrome

#22225e #34338d #5655eb #9a99f3 #bbbbf7 #ddddfb

Analogous

#56a1eb #89bdf1 #5655eb #b478ef #a156eb #8145bc

Complementary Mix

#34338d #5655eb #9a99f3 #ebeb56 #f2f291 #999938

Nearby Colors

#5655ea
#5655ec
#5655db
#5655fb

Embed #5655EB swatch

Embed this swatch

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

Open image

About #5655EB

#5655EB converts to RGB(86, 85, 235) and HSL(240, 79%, 63%). 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).

#5655EB FAQs

What is the RGB value of #5655EB?
RGB: 86, 85, 235. Copy as CSS: rgb(86, 85, 235)
Is #5655EB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5655EB?
Complement: #ebeb56.
Does #5655EB have good contrast on white or black?
On white: 5.39:1 (AA (normal text)). On black: 3.89:1 (AA (large text)).