#5655F1

Color Details

HEX
#5655F1
RGB
rgb(86, 85, 241)
HSL
hsl(240, 85%, 64%)
CMYK
cmyk(64%, 65%, 0%, 5%)
Best text on this color #FFFFFF (CR 5.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5655f1
Contrast 3.97:1 Fail
White on #5655f1
Contrast 5.30:1 AA
#5655f1 on Black
Contrast 3.97:1 Fail
#5655f1 on White
Contrast 5.30:1 AA

Tints & Shades

#7877f4
#9a99f7
#bbbbf9
#4544c1
#343391
#222260

Complement & Analogous

#f1f155
#a355f1
#55a3f1

Triadic

#f15555
#55f155

Monochrome

#222260 #343391 #5655f1 #9a99f7 #bbbbf9 #ddddfc

Analogous

#55a3f1 #88bff5 #5655f1 #b577f4 #a355f1 #8244c1

Complementary Mix

#343391 #5655f1 #9a99f7 #f1f155 #f6f691 #9d9d37

Nearby Colors

#5655f0
#5655f2
#5655e1
#565601

Embed #5655F1 swatch

Embed this swatch

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

Open image

About #5655F1

#5655F1 converts to RGB(86, 85, 241) and HSL(240, 85%, 64%). 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).

#5655F1 FAQs

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