#CE2152 Hex Color

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

Hex color #ce2152 graphic
This saturated, punchy red demands immediate attention. Due to its intensity, #ce2152 serves best as a 10% accent color for buttons or call-to-action elements rather than a background. White text remains highly readable against this shade, easily meeting accessibility standards. Use this hex code alongside dark charcoals or cool teals to ground its energy without overwhelming your interface.

Questions about #ce2152

What is #ce2152 in RGB, HSL and CMYK?
In RGB, #ce2152 is rgb(206, 33, 82), in HSL hsl(343, 72%, 47%) and in CMYK 0%, 84%, 60%, 19%.
What colors pair best with #ce2152 for a balanced design?
Because #ce2152 is so intense, pairing it with neutral charcoal or deep navy tones helps ground the energy. For a more vibrant approach, using a cool teal provides a strong complementary contrast that prevents the red from dominating the interface.
Is #ce2152 suitable for large background areas or text?
This color is generally too saturated for large backgrounds or body text, as it can strain the eyes during prolonged reading. It serves most effectively as a 10% accent color for interactive elements like buttons, where its urgency improves click-through rates.
Is #ce2152 readable on white or black?
#ce2152 has a 5.29:1 contrast ratio on white and 3.96: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.