#5F5AFC

Color Details

HEX
#5F5AFC
RGB
rgb(95, 90, 252)
HSL
hsl(242, 96%, 67%)
CMYK
cmyk(62%, 64%, 0%, 1%)
Best text on this color #FFFFFF (CR 4.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5f5afc
Contrast 4.35:1 Fail
White on #5f5afc
Contrast 4.82:1 AA
#5f5afc on Black
Contrast 4.35:1 Fail
#5f5afc on White
Contrast 4.82:1 AA

Tints & Shades

#7f7bfd
#9f9cfd
#bfbdfe
#4c48ca
#393697
#262465

Complement & Analogous

#f6fc5a
#b05afc
#5aa5fc

Triadic

#fc5f5a
#5afc5f

Monochrome

#262465 #393697 #5f5afc #9f9cfd #bfbdfe #dfdefe

Analogous

#5aa5fc #8cc0fd #5f5afc #c07bfd #b05afc #8d48ca

Complementary Mix

#393697 #5f5afc #9f9cfd #f6fc5a #f9fd94 #a0a43b

Nearby Colors

#5f5afb
#5f5afd
#5f5aec
#5f5b0c

Embed #5F5AFC swatch

Embed this swatch

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

Open image

About #5F5AFC

#5F5AFC converts to RGB(95, 90, 252) and HSL(242, 96%, 67%). 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).

#5F5AFC FAQs

What is the RGB value of #5F5AFC?
RGB: 95, 90, 252. Copy as CSS: rgb(95, 90, 252)
Is #5F5AFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5F5AFC?
Complement: #f6fc5a.
Does #5F5AFC have good contrast on white or black?
On white: 4.82:1 (AA (normal text)). On black: 4.35:1 (AA (large text)).