Cherry
High-octane red with intense, urgent energy
Cherry is a high-octane red that demands immediate attention. This saturated shade pushes warmth to the forefront, making it an excellent choice for bold accents or urgent calls to action. Because of its intensity, it shines best as a small 10 percent highlight rather than a large background. For clean readability, pair this hex code, #cf0234, with crisp white text to maintain WCAG contrast standards.
About Cherry
Pomegranate split open on a white counter
What does cherry mean?
This shade of red commonly signals appetite, passion, and urgency, which is why it often marks sale tags, warning labels, and ripe fruit. Deep saturation with a touch of darkness gives it weight and heat, so it reads bold and full rather than sweet or bubbly.
Where you see cherry
- pomegranate seeds
- raspberry jam
- lipstick
- stop signs
- boxing gloves
- maraschino cherries
What it works for
Use it when a design needs a strong focal point, such as a call-to-action button, a food label, or a single bold accent.
What colors go with cherry?
Chartreuse #c1f80aThe sharp yellow-green sits opposite cherry on the wheel, so both colors look louder together.Cream #fffdd0Cream gives the saturated red open space to breathe and keeps the palette from feeling heavy.Mustard #ffdb58Both colors carry strong warmth, and the yellow undertone in each keeps them from clashing.Navy #000080Dark blue cools the red's heat and grounds its intensity in a classic, disciplined pairing.Blush #de5d83The pale pink softens cherry's punch and echoes its hue without competing for attention.Charcoal #36454fNear-black gray mutes the red's shine just enough for layouts that feel bold but controlled.
Questions about Cherry
What is the hex code for Cherry?
Cherry is #cf0234. In RGB that is rgb(207, 2, 52), in HSL hsl(345, 98%, 41%) and in CMYK 0%, 99%, 75%, 19%.
How should I use Cherry #cf0234 in UI design?
Use #cf0234 sparingly as a 10 percent highlight or action button to maintain visual balance. Because this red is so saturated, it works best as a punchy accent color against neutral layouts rather than filling large background areas.
Is Cherry readable on white or black?
Cherry has a 5.65:1 contrast ratio on white and 3.71: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.