#C300FF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #c300ff graphic
This hyper-saturated purple demands attention, serving best as a bold accent or highlight in UI design. Because #c300ff is so intense, it can overwhelm a layout if used as a primary background. Black text remains legible over this hex code, meeting accessibility standards for small body text. Pair it with dark, muted neutrals to ground its electric energy without creating a visual clash.

Questions about #c300ff

What is #c300ff in RGB, HSL and CMYK?
In RGB, #c300ff is rgb(195, 0, 255), in HSL hsl(286, 100%, 50%) and in CMYK 24%, 100%, 0%, 0%.
Does #c300ff work for body text?
Using #c300ff for body text is generally not recommended as it lacks sufficient contrast against standard white backgrounds. Stick to black or very dark charcoal text when placing content over this vibrant purple to maintain readability for users.
What colors pair well with #c300ff?
Because #c300ff is so intense, it balances best with muted, dark neutrals that allow the brightness to pop without visual clashing. Pair it with deep navy or soft slate to ground the energy of this electric violet shade.
Is #c300ff readable on white or black?
#c300ff has a 4.40:1 contrast ratio on white and 4.76:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.