#CE3172 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity pink demands immediate attention with its bold, flamboyant character. Because #ce3172 carries so much visual weight, it works best as an accent color for calls to action or small graphic details rather than a large background. It pairs surprisingly well with dark charcoal grays to ground its loudness. The hex code for this vivid shade is #ce3172.
Questions about #ce3172
What is #ce3172 in RGB, HSL and CMYK?
In RGB, #ce3172 is rgb(206, 49, 114), in HSL hsl(335, 62%, 50%) and in CMYK 0%, 76%, 45%, 19%.
How can I effectively use #ce3172 in a UI design?
#ce3172 carries significant visual weight, so it performs best when used sparingly as an accent for call-to-action buttons or small interface highlights. Using it to dominate large background areas often creates visual fatigue for the average user.
What colors pair well with the intensity of #ce3172?
This pink is quite loud, so pairing it with deep, neutral tones like charcoal or slate gray effectively grounds the color. These dark neutrals stabilize the vibrancy, allowing the pink to pop without appearing chaotic or disjointed.
Is #ce3172 readable on white or black?
#ce3172 has a 4.87:1 contrast ratio on white and 4.30: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.