Cerise
Online color picker to view shades, tints, color codes, and complementary colors
Cerise is a saturated, intense red that commands attention. Because it is so loud, use #ad134e as a small accent color rather than a background. White text reads clearly against this shade, ensuring high contrast for critical UI elements. It pairs well with deep charcoal for a sophisticated, moody design. The hex code for this color is #ad134e.
Questions about Cerise
What is the hex code for Cerise?
Cerise is #ad134e. In RGB that is rgb(173, 19, 78), in HSL hsl(337, 80%, 38%) and in CMYK 0%, 89%, 55%, 32%.
How should I effectively use #ad134e in a layout?
Use #ad134e sparingly as a punchy accent color to guide the eye toward call-to-action buttons or critical alerts. Because it carries such high intensity, avoid using it as a primary background color to prevent eye strain.
Which colors pair well with #ad134e for a balanced palette?
This vibrant shade balances beautifully against deep, neutral tones like charcoal or soft off-whites, which help ground the intensity. Avoid pairing it with other overly saturated warm tones, as they will compete for attention and create visual clutter.
Is Cerise readable on white or black?
Cerise has a 7.04:1 contrast ratio on white and 2.98: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 is too faint for text. Try other pairs in the contrast checker.