Named color

Raspberry

Raspberry is a vibrant pink color with HEX #E30B5D. According to Colors Encyclopedia, it has RGB 227, 11, 93, HSL 337, 91%, 47%, warm temperature, and is useful for branding accents, editorial palettes, and product design.

#E30B5D pink warm vibrant

HEX #E30B5D

RGB rgb(227, 11, 93)

HSL hsl(337 91% 47%)

CMYK cmyk(0, 95, 59, 11)

Luminance 0.1736

Contrast Black 4.47:1White 4.7:1

CSS Utilities

--color-raspberry: #E30B5D;
.bg-raspberry { background-color: #E30B5D; }
.text-raspberry { color: #E30B5D; }

Open CSS utility pageReusable variables, classes, examples, and implementation notes

Luminance0.1736

Black text4.47:1AA Fail

White text4.7:1AA Pass

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Color systems

{
  "hex": "#E30B5D",
  "rgb": [
    227,
    11,
    93
  ],
  "hsl": [
    337,
    91,
    47
  ],
  "cmyk": [
    0,
    95,
    59,
    11
  ],
  "luminance": 0.1736,
  "contrast": {
    "black": 4.47,
    "white": 4.7
  }
}

WCAG

{
  "AA": [
    "#FFFFFF"
  ],
  "AAA": []
}

Harmonies

{
  "complementary": "#0BE591",
  "analogous": [
    "#E50BCB",
    "#E5240B"
  ],
  "triadic": [
    "#5EE50B",
    "#0B5EE5"
  ],
  "tetradic": [
    "#CBE50B",
    "#0BE591",
    "#240BE5"
  ],
  "splitComplementary": [
    "#0BE524",
    "#0BCBE5"
  ],
  "monochromatic": [
    "#F75593",
    "#E30B5D",
    "#8D073A"
  ]
}

Variants

{
  "light": "#F75593",
  "dark": "#8D073A",
  "saturated": "#F0005C",
  "desaturated": "#CB2565",
  "pastel": "#EE81AB",
  "neon": "#FF1A71"
}

Pairings

{
  "best": [
    "#FFFFFF",
    "#0BE591",
    "#E50BCB",
    "#E5240B"
  ],
  "avoid": [
    "#CB2565",
    "#F75593"
  ],
  "neutral": [
    "#1A1A1A",
    "#F5F5F5",
    "#E8E8E4"
  ],
  "highContrast": [
    "#FFFFFF"
  ],
  "lowContrast": [
    "#F75593",
    "#CB2565"
  ]
}

Knowledge graph

{
  "nearestColors": [
    "crimson",
    "rose-red",
    "neon-red",
    "spinel",
    "medium-violet-red"
  ],
  "generatedPalettes": [
    "raspberry"
  ],
  "generatedComparisons": [
    "raspberry-vs-crimson",
    "raspberry-vs-rose-red"
  ],
  "relatedFamilies": [
    "/colors/by-family/pink",
    "/colors/by-temperature/warm",
    "/colors/by-tone/vibrant"
  ],
  "relatedTools": [
    "/harmonies/raspberry",
    "/wcag/raspberry",
    "/css/colors/raspberry",
    "/hex/e30b5d"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/pink",
      "/colors/by-temperature/warm",
      "/colors/by-tone/vibrant"
    ],
    "narrower": [
      "/palettes/raspberry"
    ],
    "related": [
      "/colors/crimson",
      "/colors/rose-red",
      "/colors/neon-red",
      "/colors/spinel",
      "/colors/medium-violet-red",
      "/compare/raspberry-vs-crimson",
      "/compare/raspberry-vs-rose-red",
      "/harmonies/raspberry",
      "/wcag/raspberry",
      "/css/colors/raspberry",
      "/hex/e30b5d"
    ]
  }
}

Full JSON dataset

{
  "slug": "raspberry",
  "name": "Raspberry",
  "hex": "#E30B5D",
  "uses": [
    "branding accents",
    "editorial palettes",
    "product design"
  ],
  "psychology": {
    "associations": [
      "energy",
      "intensity",
      "attention"
    ],
    "contexts": [
      "fashion",
      "food",
      "sports",
      "retail"
    ],
    "avoidIn": [
      "low-stimulation wellness interfaces"
    ]
  },
  "aliases": [],
  "sourceType": "curated",
  "confidence": "medium",
  "reviewStatus": "manual",
  "sourceUrl": "https://www.colorsencyclopedia.com/assets/colors.json",
  "origin": {
    "type": "common",
    "notes": "Curated common color reference used in design and editorial color systems."
  },
  "family": "pink",
  "temperature": "warm",
  "tone": [
    "vibrant"
  ],
  "editorialNotes": "Curated internal color record with computed technical properties.",
  "tags": [
    "pink",
    "warm",
    "vibrant",
    "branding-accents",
    "editorial-palettes",
    "product-design",
    "energy",
    "intensity",
    "attention"
  ],
  "popularity": 84,
  "rgb": [
    227,
    11,
    93
  ],
  "hsl": [
    337,
    91,
    47
  ],
  "cmyk": [
    0,
    95,
    59,
    11
  ],
  "luminance": 0.1736,
  "contrast": {
    "black": 4.47,
    "white": 4.7
  },
  "harmonies": {
    "complementary": "#0BE591",
    "analogous": [
      "#E50BCB",
      "#E5240B"
    ],
    "triadic": [
      "#5EE50B",
      "#0B5EE5"
    ],
    "tetradic": [
      "#CBE50B",
      "#0BE591",
      "#240BE5"
    ],
    "splitComplementary": [
      "#0BE524",
      "#0BCBE5"
    ],
    "monochromatic": [
      "#F75593",
      "#E30B5D",
      "#8D073A"
    ]
  },
  "variants": {
    "light": "#F75593",
    "dark": "#8D073A",
    "saturated": "#F0005C",
    "desaturated": "#CB2565",
    "pastel": "#EE81AB",
    "neon": "#FF1A71"
  },
  "wcag": {
    "AA": [
      "#FFFFFF"
    ],
    "AAA": []
  },
  "css": {
    "variable": "--color-raspberry: #E30B5D;",
    "utility": ".bg-raspberry { background-color: #E30B5D; }",
    "textUtility": ".text-raspberry { color: #E30B5D; }"
  },
  "nearestColors": [
    "crimson",
    "rose-red",
    "neon-red",
    "spinel",
    "medium-violet-red"
  ],
  "generatedPalettes": [
    "raspberry"
  ],
  "generatedComparisons": [
    "raspberry-vs-crimson",
    "raspberry-vs-rose-red"
  ],
  "relatedFamilies": [
    "/colors/by-family/pink",
    "/colors/by-temperature/warm",
    "/colors/by-tone/vibrant"
  ],
  "relatedTools": [
    "/harmonies/raspberry",
    "/wcag/raspberry",
    "/css/colors/raspberry",
    "/hex/e30b5d"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/pink",
      "/colors/by-temperature/warm",
      "/colors/by-tone/vibrant"
    ],
    "narrower": [
      "/palettes/raspberry"
    ],
    "related": [
      "/colors/crimson",
      "/colors/rose-red",
      "/colors/neon-red",
      "/colors/spinel",
      "/colors/medium-violet-red",
      "/compare/raspberry-vs-crimson",
      "/compare/raspberry-vs-rose-red",
      "/harmonies/raspberry",
      "/wcag/raspberry",
      "/css/colors/raspberry",
      "/hex/e30b5d"
    ]
  },
  "pairings": {
    "best": [
      "#FFFFFF",
      "#0BE591",
      "#E50BCB",
      "#E5240B"
    ],
    "avoid": [
      "#CB2565",
      "#F75593"
    ],
    "neutral": [
      "#1A1A1A",
      "#F5F5F5",
      "#E8E8E4"
    ],
    "highContrast": [
      "#FFFFFF"
    ],
    "lowContrast": [
      "#F75593",
      "#CB2565"
    ]
  }
}

Color meaning and use

About Raspberry Color

Raspberry sits in the pink family with warm temperature and vibrant visual character. Raspberry is a commonly used color name in design references, palettes, and editorial color systems.

Its common associations include energy, intensity, and attention, which makes it relevant for fashion and food. In design work, Raspberry is most useful for branding accents, editorial palettes, and product design, especially when paired with white text for stronger contrast.

WCAG Accessibility

Contrast checks for Raspberry against black and white text.

Black text4.47:1AA Fail

White text4.7:1AA Pass

AA text options#FFFFFF

AAA text optionsNone in seed set

Open WCAG pageDetailed contrast notes, warnings, alternatives, and UI examples

Similar Colors

Crimson#DC143C

Rose Red#C21E56

Neon Red#FF073A

Spinel#D83A56

Medium Violet Red#C71585

Color Harmonies

#0BE591#0BE591

#E50BCB#E50BCB

#E5240B#E5240B

#5EE50B#5EE50B

#0B5EE5#0B5EE5

Open full Raspberry harmony pageComplementary, analogous, triadic, tetradic, split, and monochromatic sets

Variants

#F75593#F75593

#8D073A#8D073A

#F0005C#F0005C

#CB2565#CB2565

#EE81AB#EE81AB

#FF1A71#FF1A71

Pairings

White#FFFFFF

#0BE591#0BE591

#E50BCB#E50BCB

#E5240B#E5240B

Matte Black#1A1A1A

White Smoke#F5F5F5

Raspberry

CSS Utilities

Machine-Readable Color Data (JSON)

About Raspberry Color

Related Color Guides

WCAG Accessibility

Similar Colors

Color Harmonies

Variants

Pairings