Cherry #de3163

Red with dessert energy.

RGB

222, 49, 99

HSL

343°, 72%, 53%

CMYK

0, 78, 55, 13

Luminance

0.1863

About Cherry

Cherry, #de3163, is red glazed with pink — the fruit at maraschino brightness. Sweeter than scarlet, deeper than raspberry’s bite, it is red’s most flirtatious edible.

History

Cherry red painted diners, jukeboxes and the 1957 Gibson Les Paul finish that guitarists still chase. Cherry blossom (a different, paler story) gave Japan its national spring; the fruit gave rockabilly its lipstick.

Psychology

Cherry is playful desire — red’s pull with candy’s permission. It reads vintage-Americana and cosmetic-counter simultaneously.

In design

Cherry is accent and statement: strong CTAs on cream and charcoal, borderline body text (4.4:1 — large text yes). Pair with cream and chrome (diner), denim (rockabilly), chocolate (black-forest richness).

In culture

Cherry on top, cherry-picking, cherry bombs, la vie en cerise: the fruit sweetens idiom after idiom. In Japan, sakura season is a national mood with its own forecasts.

Brands that own cherry

Gibson cherry#990f02 Dr Pepper kin#8a2432 Cherry Coke#d40000 KitchenAid red kin#c0102f Maraschino#de3163

Shades of cherry

Cerise Raspberry Crimson Ruby Cherry blossom Maroon Watermelon Cranberry

Every format

HEX	#de3163
RGB	rgb(222, 49, 99)
HSL	hsl(343, 72%, 53%)
CMYK	cmyk(0%, 78%, 55%, 13%)
LAB	lab(50.3 67.5 14.2)
LCH	lch(50.3 69.0 11.9)
OKLCH	oklch(0.598 0.208 9.9)

Copy-ready code

/* CSS */
color: #de3163;
background-color: #de3163;
/* Tailwind (arbitrary) */
class="text-[#de3163] bg-[#de3163]"
/* SCSS */
$brand: #de3163;
/* SwiftUI */
Color(red: 0.871, green: 0.192, blue: 0.388)
/* Android */
Color.parseColor("#de3163")

Accessibility — WCAG contrast

#de3163 on white: 4.44:1

AA ✗ fail · AA-large ✓ · AAA ✗

#de3163 on black: 4.73:1

AA ✓ pass · AA-large ✓ · AAA ✗

true color

protanopia

deuteranopia

tritanopia

RGB percentages

Red87.1%

Green19.2%

Blue38.8%

CMYK percentages

Cyan0.0%

Magenta77.9%

Yellow55.4%

Key (black)12.9%

Color previews

#de3163 text on a black background

contrast 4.73:1

Card sample

#de3163 text on a white background

contrast 4.44:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #de3163;

Background color

Panel with #de3163 background

background-color: #de3163;

Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #de3163;

Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(222, 49, 99, 0.45);

Div box shadow

Elevated card

box-shadow: 0 12px 32px -8px rgba(222, 49, 99, 0.45);

Border & gradient

Gradient panel

border: 3px solid #de3163;
background: linear-gradient(135deg, #de3163, #DE7231);

Monochromatic scale

#350815 #72122E #B01C47 #DF3566 #E87294 #F2B0C3 #F9DCE4

Palettes built from #de3163

UI palette

Gradient stops

Accent trio

Warm–cool bridge

Shades — darker

#D22255 #BB1E4B #A31A42 #8C1638 #75132F #5D0F26 #460B1C #2F0713 #170409

Tints — lighter

#E14572 #E55A82 #E86F92 #EB83A1 #EE98B1 #F2ADC0 #F5C1D0 #F8D6E0 #FCEAEF

Hue & tone neighbors

#DE319C #DE3180 #DE3146 #DE3931 #E55D84 #BD1E4C #F61959 #C6496D

Color harmonies

Complement

Split-complement

Analogous

Triadic

Tetradic

Nearest named colors

crimson · ΔE 20.0 firebrick · ΔE 28.5 salmon · ΔE 31.8 tomato · ΔE 35.7 maroon · ΔE 39.5

Cherry, answered

What is the hex code for cherry red?

Cherry (cerise) is #de3163; darker candy-apple cherries run #c0102f–#990f02; cherry blossom pink is the pale #ffb7c5.

Cherry vs cerise?

Cerise is simply French for cherry — fashion adopted the French for the same #de3163 territory.

What pairs with cherry red?

Cream and chrome for diner nostalgia, denim for rockabilly, chocolate and gold for dessert-menu luxury.

Work with #de3163 in the Color Lab

Contrast Checker →Palette Generator →Palette Pro →Scale Generator →CSS Code Generator →Color Blind Simulator →Accessibility Checker →Color Distance →