Magenta Dragon Ball Super Color Codes: Complete HEX Palette & RGB Values

Magenta Dragon Ball Super Color Codes: Complete HEX Palette & RGB Values

Magenta, the cunning president of Red Pharmaceuticals and secret commander of the revived Red Ribbon Army in Dragon Ball Super: Super Hero, sports a palette that blends corporate polish with hidden menace. His signature Pink Sherbert (#F8A0B5) skin immediately signals his genetic ties to the army’s legacy, while the deep Charade (#23232E) suit projects cold authority. The vivid Rusty Red (#D62828) tie acts as a sharp emblem of vengeance for his father, Commander Red. Together, these Dragon Ball color codes create a layered visual identity perfect for designers seeking contrast-driven, narrative-rich HEX palettes.

Pink Sherbert
#F8A0B5
Charade
#23232E
Concrete
#F2F2F2
Rusty Red
#D62828
Alto
#E0E0E0

Magenta Dragon Ball Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Pink Sherbert #F8A0B5 248, 160, 181 0, 35, 27, 3
Charade #23232E 35, 35, 46 24, 24, 0, 82
Concrete #F2F2F2 242, 242, 242 0, 0, 0, 5
Rusty Red #D62828 214, 40, 40 0, 81, 81, 16
Alto #E0E0E0 224, 224, 224 0, 0, 0, 12

Magenta CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Magenta Dragon Ball Palette */
--magenta-dragon-ball-pink-sherbert: #F8A0B5;
--magenta-dragon-ball-charade: #23232E;
--magenta-dragon-ball-concrete: #F2F2F2;
--magenta-dragon-ball-rusty-red: #D62828;
--magenta-dragon-ball-alto: #E0E0E0;
}

Magenta CSS Gradients

Beautiful gradient backgrounds inspired by Magenta’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Pink Sherbert to Rusty Red#F8A0B5 → #D62828
Click to Copy CSS
Concrete to Pink Sherbert#F2F2F2 → #F8A0B5

Magenta Color Scheme Breakdown

Pink Sherbert#F8A0B5

This soft magenta tone appears on Magenta’s distinctive skin, especially his face and hands, reflecting his namesake color and the Red Ribbon Army’s unnatural genetic legacy in Dragon Ball Super: Super Hero.

Charade#23232E

Magenta’s tailored suit uses this deep charcoal navy shade, giving him a corporate executive silhouette that hides his true role as the secret leader of the revived Red Ribbon Army.

Concrete#F2F2F2

The crisp off-white shirt appears beneath his dark suit, creating strong contrast and emphasizing his polished public image as the head of Red Pharmaceuticals while concealing his hidden militaristic ambitions.

Rusty Red#D62828

The vivid crimson tie and Red Ribbon Army insignia signal loyalty to his father Commander Red’s legacy, adding a sharp pop of aggression against the muted suit and white shirt.

Alto#E0E0E0

His pale silver hair, swept neatly above his head, reinforces the cold, calculating personality of an aging mastermind obsessed with avenging the Red Ribbon Army and restoring its former power.

Magenta 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Magenta’s palette for a perfectly balanced visual hierarchy.

60% Background
#F2F2F2
30% Primary
#23232E
10% Accent
#F8A0B5

Use Concrete (#F2F2F2) for large background spaces, Charade (#23232E) for primary text and structural UI elements, and vibrant Pink Sherbert (#F8A0B5) exclusively for call-to-action buttons and important highlights.

Magenta UI Component Preview

Here is a live example of how the Magenta color palette looks when applied to a modern UI component.

Magenta

Corporate Warlord

“The Red Ribbon Army will be reborn, and this time, no one will stop us.”

Magenta Gaming Setup (RGB Peripherals)

Sync your gaming gear! Use these exact RGB values for your Razer Chroma, Corsair iCUE, or Logitech G Hub software to match Magenta’s aesthetic.

  • Main LED: 248, 160, 181
  • Accent LED: 35, 35, 46

The Design Philosophy behind Magenta’s Palette

Toei Animation’s design team engineered Magenta’s five-color scheme to mirror his dual identity. The soft Pink Sherbert (#F8A0B5) skin disarms viewers with warmth, yet the near-black Charade (#23232E) suit imposes corporate menace, establishing a visual tension between vulnerability and control. The Concrete (#F2F2F2) shirt serves as a neutral canvas that amplifies both extremes, while the single Rusty Red (#D62828) accent concentrates narrative aggression into one focal point—his loyalty to Commander Red. Silver Alto (#E0E0E0) hair adds temporal weight, suggesting age and calculated patience. This restrained, high-contrast approach succeeds because each HEX code carries a story beat: deception, power, legacy, and obsession, making the palette instantly legible in any UI or branding context.

Best Magenta Color Combinations

Blush Authority

The soft warmth of Pink Sherbert against the near-black depth of Charade creates a striking figure-ground contrast ideal for hero banners, card UIs, and character-focused layouts.

Crimson Command

Pairing Rusty Red with the clean Concrete white delivers maximum visual urgency and readability, perfect for call-to-action buttons, alert states, and insignia-style graphic elements.

Download Magenta Dragon Ball Color Palette

ASE

Magenta .ASE Swatches

For Adobe Swatches & Procreate

SVG

Magenta .SVG Palette

Vector Color Palette

PNG

Magenta .PNG Image

High-Quality Palette Preview

FAQs about Magenta Dragon Ball Color Codes

What is the exact HEX code for Magenta’s pink skin in Dragon Ball Super?

Magenta’s distinctive skin tone is Pink Sherbert at #F8A0B5 (RGB 248, 160, 181), a soft magenta shade that appears across his face and hands throughout Dragon Ball Super: Super Hero.

What colors make up Magenta’s main suit outfit?

His tailored ensemble centers on Charade #23232E for the suit jacket and trousers, paired with a Concrete #F2F2F2 off-white dress shirt underneath, producing a sharp corporate silhouette.

Which accent color represents the Red Ribbon Army on Magenta’s design?

The vivid Rusty Red #D62828 appears on his necktie and the Red Ribbon Army insignia, serving as the sole high-saturation accent that signals his inherited loyalty to Commander Red’s legacy.

Copied