Raspberry #e30b5d

Pink that bites back.

RGB

227, 11, 93

HSL

337°, 91%, 47%

CMYK

0, 95, 59, 11

Luminance

0.1736

About Raspberry

Raspberry, #e30b5d, is pink at berry intensity — redder than magenta, juicier than rose. It is the fruit-punch member of the pink family: sweetness with acidity built in.

History

The berry named the color in the 1890s; raspberry berets and one very famous Prince song gave it pop residency; and Raspberry Pi made it the unlikely mascot hue of hobbyist computing.

Psychology

Raspberry is playful confidence — feminine coding with punch, energetic without red’s alarm. It photographs young and tastes loud.

In design

Raspberry is a CTA-grade accent: vivid on white (passes large text at 4.7:1), electric on charcoal. Pair with cream, cocoa, teal and lime for candy-shop energy; with gray for grown-up sweetness.

In culture

Blowing raspberries, raspberry berets, razzies: the berry lends cheek as much as color — the palette’s least serious saturated pink.

Brands that own raspberry

Raspberry Pi#c51a4a T-Mobile kin#e20074 Cosmopolitan kin#f4327f Baskin-Robbins kin#d6006d Beats kin#e01e5a

Shades of raspberry

Rose Cerise Ruby Magenta Hot pink Cranberry Watermelon Cherry

Every format

HEX	#e30b5d
RGB	rgb(227, 11, 93)
HSL	hsl(337, 91%, 47%)
CMYK	cmyk(0%, 95%, 59%, 11%)
LAB	lab(48.7 75.2 15.9)
LCH	lch(48.7 76.9 11.9)
OKLCH	oklch(0.588 0.232 9.8)

Copy-ready code

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

Accessibility — WCAG contrast

#e30b5d on white: 4.70:1

AA ✓ pass · AA-large ✓ · AAA ✗

#e30b5d on black: 4.47:1

AA ✗ fail · AA-large ✓ · AAA ✗

true color

protanopia

deuteranopia

tritanopia

RGB percentages

Red89.0%

Green4.3%

Blue36.5%

CMYK percentages

Cyan0.0%

Magenta95.2%

Yellow59.0%

Key (black)11.0%

Color previews

#e30b5d text on a black background

contrast 4.47:1

Card sample

#e30b5d text on a white background

contrast 4.70:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #e30b5d;

Background color

Panel with #e30b5d background

background-color: #e30b5d;

Text shadow — hex

Glowing headline

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

Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(227, 11, 93, 0.45);

Div box shadow

Elevated card

box-shadow: 0 12px 32px -8px rgba(227, 11, 93, 0.45);

Border & gradient

Gradient panel

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

Monochromatic scale

#3A0318 #7F0634 #C30950 #F41F70 #F7639C #FBA7C7 #FDD8E6

Palettes built from #e30b5d

UI palette

Gradient stops

Accent trio

Warm–cool bridge

Shades — darker

#CC0A54 #B6094B #9F0841 #880738 #72052F #5B0425 #44031C #2D0213 #170109

Tints — lighter

#F4166A #F5307B #F6498B #F7639C #F97DAC #FA97BD #FBB1CD #FCCBDE #FEE5EE

Hue & tone neighbors

#E30BA5 #E30B81 #E30B39 #E30B15 #F52C79 #B30949 #EE005B #CB2363

Color harmonies

Complement

Split-complement

Analogous

Triadic

Tetradic

Nearest named colors

crimson · ΔE 18.3 firebrick · ΔE 30.6 tomato · ΔE 37.6 salmon · ΔE 37.6 maroon · ΔE 42.0

Raspberry, answered

What is the hex code for raspberry?

Raspberry is #e30b5d; Raspberry Pi brands with #c51a4a; cranberry deepens to #9e003a.

Raspberry vs magenta vs rose?

Magenta is the synthetic primary, rose the romantic middle, raspberry the fruit-acid red-pink — most edible of the three.

What pairs with raspberry?

Cream and cocoa (dessert), teal and lime (candy-pop), charcoal and gray for contrast that lets it shout alone.

Work with #e30b5d in the Color Lab

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