#C521FE

Color Details

HEX
#C521FE
RGB
rgb(197, 33, 254)
HSL
hsl(285, 99%, 56%)
CMYK
cmyk(22%, 87%, 0%, 0%)
Best text on this color #000000 (CR 5.02:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c521fe
Contrast 5.02:1 AA
White on #c521fe
Contrast 4.18:1 Fail
#c521fe on Black
Contrast 5.02:1 AA
#c521fe on White
Contrast 4.18:1 Fail

Tints & Shades

#d14dfe
#dc7afe
#e8a6ff
#9e1acb
#761498
#4f0d66

Complement & Analogous

#57fe20
#fe20c6
#5720fe

Triadic

#fec620
#20fec6

Monochrome

#4f0d66 #761498 #c521fe #dc7afe #e8a6ff #f3d3ff

Analogous

#5720fe #8963fe #c521fe #fe4dd1 #fe20c6 #cb1a9e

Complementary Mix

#761498 #c521fe #dc7afe #57fe20 #92fe6e #39a515

Nearby Colors

#c521fd
#c521ff
#c521ee
#c5220e

Embed #C521FE swatch

Embed this swatch

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

Open image

About #C521FE

#C521FE converts to RGB(197, 33, 254) and HSL(285, 99%, 56%). 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).

#C521FE FAQs

What is the RGB value of #C521FE?
RGB: 197, 33, 254. Copy as CSS: rgb(197, 33, 254)
Is #C521FE a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C521FE?
Complement: #57fe20.
Does #C521FE have good contrast on white or black?
On white: 4.18:1 (AA (large text)). On black: 5.02:1 (AA (normal text)).