Dabi Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Values

Dabi Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Values

Dabi, the scarred antagonist of My Hero Academia, commands one of the most striking color palettes in modern anime character design. His visual identity is anchored by #1C1C1C Eerie Black hair and coat, pierced by the electric glow of #4FC3F7 Blue Jeans eyes that radiate unhinged intensity. The palette reaches its climax with #00A2E8 Cerulean, the signature hue of his blue-fire quirk that separates him from every other flame user in the series. For designers hunting accurate Dabi color codes, this five-shade system delivers a masterclass in high-contrast, emotion-driven palette construction that balances villainy with tragedy.

Eerie Black
#1C1C1C
Pickled Bluewood
#2B3A4A
Blue Jeans
#4FC3F7
Cerulean
#00A2E8
Affair
#6B4C8C

Dabi My Hero Academia Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Eerie Black #1C1C1C 28, 28, 28 0, 0, 0, 89
Pickled Bluewood #2B3A4A 43, 58, 74 42, 22, 0, 71
Blue Jeans #4FC3F7 79, 195, 247 68, 21, 0, 3
Cerulean #00A2E8 0, 162, 232 100, 30, 0, 9
Affair #6B4C8C 107, 76, 140 24, 46, 0, 45

Dabi CSS & Tailwind Color Variables

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

:root {
/* Dabi My Hero Academia Palette */
--dabi-my-hero-academia-eerie-black: #1C1C1C;
--dabi-my-hero-academia-pickled-bluewood: #2B3A4A;
--dabi-my-hero-academia-blue-jeans: #4FC3F7;
--dabi-my-hero-academia-cerulean: #00A2E8;
--dabi-my-hero-academia-affair: #6B4C8C;
}

Dabi CSS Gradients

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

Click to Copy CSS
Eerie Black to Cerulean#1C1C1C → #00A2E8
Click to Copy CSS
Blue Jeans to Eerie Black#4FC3F7 → #1C1C1C

Dabi Color Scheme Breakdown

Eerie Black#1C1C1C

This near-black shade forms Dabi’s spiky hair and the darkest sections of his long coat, establishing his brooding, villainous silhouette and grounding the rest of his high-contrast overall character design.

Pickled Bluewood#2B3A4A

This dark navy blue appears on Dabi’s long coat and pants, adding a cold, muted blue undertone that visually connects his clothing to his icy blue fire quirk and villainous demeanor.

Blue Jeans#4FC3F7

This bright cyan blue is the base color of Dabi’s sharp, glowing eyes, giving him an intense, otherworldly stare that immediately signals his powerful fire quirk and dangerous, unstable personality.

Cerulean#00A2E8

This vivid azure blue represents Dabi’s signature quirk-generated flames, which burn hotter than normal fire and serve as the most iconic visual element of his combat style and overall identity.

Affair#6B4C8C

This muted purple appears on Dabi’s scarred, burned skin patches beneath his eyes and along his jaw, highlighting the physical trauma he endured and reinforcing his tragic, vengeful personal backstory.

Dabi 60-30-10 Design Rule

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

60% Background
#4FC3F7
30% Primary
#2B3A4A
10% Accent
#1C1C1C

Use Blue Jeans (#4FC3F7) for large background spaces, Pickled Bluewood (#2B3A4A) for primary text and structural UI elements, and vibrant Eerie Black (#1C1C1C) exclusively for call-to-action buttons and important highlights.

Dabi UI Component Preview

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

Dabi

Cerulean Flame Villain

“I’m Dabi. Nice to meet you.”

Dabi 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 Dabi’s aesthetic.

  • Main LED: 28, 28, 28
  • Accent LED: 43, 58, 74

The Design Philosophy behind Dabi’s Palette

The design team behind Dabi built a palette that narrates his story without a single word of dialogue. The dominance of #1C1C1C Eerie Black and #2B3A4A Pickled Bluewood in his silhouette evokes isolation and emotional coldness, while the explosive #00A2E8 Cerulean flames represent the destructive power he inherited yet twists into something entirely his own. The muted #6B4C8C Affair scars stitched across his skin serve as a constant visual reminder of abuse, grounding his villainy in genuine pain. This layering works because every color code maps to a narrative beat: darkness for concealment, blue for lineage, purple for trauma. The result is a character palette where contrast ratios and hue choices function as visual storytelling tools, making Dabi instantly recognizable across any medium or scale.

Best Dabi Color Combinations

Abyssal Inferno Contrast

Pairing near-black Eerie Black with vivid Cerulean creates a 12:1-plus contrast ratio that makes blue accents pop dramatically, ideal for dark-mode UI panels, hero banners, and call-to-action buttons that demand immediate visual attention.

Scarred Twilight Duo

Combining the icy luminosity of Blue Jeans with the muted warmth of Affair purple produces a complementary tension that works beautifully for gradient overlays, card hover states, and editorial layouts needing emotional depth without overwhelming saturation.

Download Dabi My Hero Academia Color Palette

ASE

Dabi .ASE Swatches

For Adobe Swatches & Procreate

SVG

Dabi .SVG Palette

Vector Color Palette

PNG

Dabi .PNG Image

High-Quality Palette Preview

FAQs about Dabi My Hero Academia Color Codes

What is the exact HEX color code for Dabi’s blue flames in My Hero Academia?

Dabi’s signature blue fire is represented by #00A2E8 (Cerulean), a vivid azure that burns hotter than standard orange flames. His glowing eyes use the brighter #4FC3F7 (Blue Jeans) to intensify his otherworldly stare.

What colors make up Dabi’s coat and outfit palette?

Dabi’s long coat and pants primarily use #2B3A4A (Pickled Bluewood), a dark navy with cold blue undertones, while the deepest shadows and spiky hair sections rely on #1C1C1C (Eerie Black) to maintain his brooding villain silhouette.

What accent color represents Dabi’s scars and burned skin?

The scarred, stapled patches across Dabi’s face and jaw use #6B4C8C (Affair), a muted purple that visually encodes his history of physical trauma and sets a tragic counterpoint against his otherwise cold blue-and-black palette.

Copied