#C533F0

A medium, vivid magenta closely aligning with Darkviolet.

About #C533F0

Visually, #C533F0 is defined as a vivid magenta. Designers often compare it to the standard color Darkviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 51, and 240.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 18% cyan and 79% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#C533F0
RGB197, 51, 240
HSL286.3°, 86.3%, 57.1%
CMYK18%, 79%, 0%, 6%
HSV286.3°, 78.8%, 94.1%
LAB52.4, 79.5, -65.7
XYZ39.9, 20.5, 84.3
Decimal12923888

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.11:1
Text on #FFFFFF
AA Large
5.11:1
Text on #000000
AA
3.93:1
Text on #F8FAFC
AA Large
4.34:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #C533F0; }
.text-color { color: #C533F0; }
.border-color { border: 2px solid #C533F0; }

Similar Colors

Darkviolet
#9400D3