#C33A5D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#c33a5d is a saturated, warm crimson that commands immediate attention. Its intensity makes it a poor choice for large backgrounds, where it can easily overwhelm the eye. Instead, use this vivid hue sparingly as a 10% accent color for high-impact call-to-action buttons or alert states. While white text reads clearly against it, ensure you use this bold shade to highlight essential elements rather than cluttering your design.
Questions about #c33a5d
What is #c33a5d in RGB, HSL and CMYK?
In RGB, #c33a5d is rgb(195, 58, 93), in HSL hsl(345, 54%, 50%) and in CMYK 0%, 70%, 52%, 24%. Browse more shades of pink with names and hex codes.
How should I use #c33a5d in interface design?
#c33a5d functions best as an intentional 10% accent color for high-contrast elements like CTA buttons or error states. Because of its extreme saturation, applying it to large backgrounds can quickly overwhelm the viewer and make text difficult to read.
Is #c33a5d readable on white or black?
#c33a5d has a 5.14:1 contrast ratio on white and 4.08:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.