#CA30C5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ca30c5 is a bold, high-intensity magenta with strong, saturated undertones. This electric shade demands attention, making it perfect for call-to-action buttons or small UI accents. Because it is so loud, use it sparingly to avoid overwhelming a layout. For those curious about color theory, learning what colors make purple can help you better balance this specific hex code in your designs.
Questions about #ca30c5
What is #ca30c5 in RGB, HSL and CMYK?
In RGB, #ca30c5 is rgb(202, 48, 197), in HSL hsl(302, 62%, 49%) and in CMYK 0%, 76%, 2%, 21%. Browse more shades of pink with names and hex codes.
Where should I use #ca30c5 in my UI design?
Use #ca30c5 sparingly for high-impact call-to-action buttons or small visual flourishes like active state indicators. Because this magenta is so intense, it often overwhelms layouts if used as a primary background or dominant font color.
What colors pair well with #ca30c5?
Is #ca30c5 readable on white or black?
#ca30c5 has a 4.43:1 contrast ratio on white and 4.74: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.