Pantone

2023

#BE3455

Viva Magenta

A bold crimson with a fuchsia edge, chosen to celebrate energy, courage, and experimental creativity.

Generate palettes Visualize in mockups Back to 2023 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#BE3455

RGB

rgb(190, 52, 85)

CMYK

0, 73, 55, 25

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#641B2D

#942942

#BE3455

#D05371

#DD8398

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#A42D81

#BC3474

#BE3455

#BC3434

#CB6243

Complementary Contrast

Opposites that add clarity and focus.

#BE3455

#2DA488

#4BCEAE

#7C2D40

#C98394

Triadic Balance

Three evenly spaced hues for versatile layouts.

#BE3455

#54BC34

#3454BC

#94334A

#CC6B82

Split Complementary

Balanced contrast with two supporting accents.

#BE3455

#34BC57

#3499BC

#77273A

#D3788E

Export tokens

Copy CSS variables or plug into Tailwind.

#BE3455

CSS Variables

:root {
  --year-base: #BE3455;
  --year-base-contrast: #FFFFFF;
  --year-accent-1: #942942;
  --year-accent-2: #BE3455;
  --year-accent-3: #D05371;
  --year-surface: #f8fafc;
}

Tailwind Config

theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},

Scenario previews

See the color in UI, posters, and ecommerce layouts.

UI Dashboard

Poster / Social

Launch Campaign

Design with #BE3455

Ecommerce Hero

New Drop · #BE3455-20%

Primary CTA

Secondary

Usage guidance

Summary

A bold crimson with a fuchsia edge, chosen to celebrate energy, courage, and experimental creativity.

Notes

Use as an accent or hero for statements. Ground it with off-white, stone gray, or midnight blue. For UI, keep text in deep charcoal and add breathing room to avoid visual fatigue.

Tips