#5655F8

Color Details

HEX
#5655F8
RGB
rgb(86, 85, 248)
HSL
hsl(240, 92%, 65%)
CMYK
cmyk(65%, 66%, 0%, 3%)
Best text on this color #FFFFFF (CR 5.18:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5655f8
Contrast 4.05:1 Fail
White on #5655f8
Contrast 5.18:1 AA
#5655f8 on Black
Contrast 4.05:1 Fail
#5655f8 on White
Contrast 5.18:1 AA

Tints & Shades

#7877f9
#9a99fb
#bbbbfc
#4544c6
#343395
#222263

Complement & Analogous

#f8f854
#a654f8
#54a6f8

Triadic

#f85454
#54f854

Monochrome

#222263 #343395 #5655f8 #9a99fb #bbbbfc #ddddfe

Analogous

#54a6f8 #87c1fa #5655f8 #b876f9 #a654f8 #8543c6

Complementary Mix

#343395 #5655f8 #9a99fb #f8f854 #fafa90 #a1a137

Nearby Colors

#5655f7
#5655f9
#5655e8
#565608

Embed #5655F8 swatch

Embed this swatch

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

Open image

About #5655F8

#5655F8 converts to RGB(86, 85, 248) and HSL(240, 92%, 65%). 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).

#5655F8 FAQs

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