#5655D4

Color Details

HEX
#5655D4
RGB
rgb(86, 85, 212)
HSL
hsl(240, 60%, 58%)
CMYK
cmyk(59%, 60%, 0%, 17%)
Best text on this color #FFFFFF (CR 5.76:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5655d4
Contrast 3.65:1 Fail
White on #5655d4
Contrast 5.76:1 AA
#5655d4 on Black
Contrast 3.65:1 Fail
#5655d4 on White
Contrast 5.76:1 AA

Tints & Shades

#7877dd
#9a99e5
#bbbbee
#4544aa
#34337f
#222255

Complement & Analogous

#d4d454
#9454d4
#5494d4

Triadic

#d45454
#54d454

Monochrome

#222255 #34337f #5655d4 #9a99e5 #bbbbee #ddddf6

Analogous

#5494d4 #87b4e1 #5655d4 #a976dd #9454d4 #7643aa

Complementary Mix

#34337f #5655d4 #9a99e5 #d4d454 #e3e390 #8a8a37

Nearby Colors

#5655d3
#5655d5
#5655c4
#5655e4

Embed #5655D4 swatch

Embed this swatch

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

Open image

About #5655D4

#5655D4 converts to RGB(86, 85, 212) and HSL(240, 60%, 58%). 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).

#5655D4 FAQs

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