• Home
  • /
  • Anime
  • /
  • Naruto
  • /
  • Kisame Hoshigaki Color Codes: Naruto UI Palette & HEX Values

Kisame Hoshigaki Color Codes: Naruto UI Palette & HEX Values

Kisame Hoshigaki Color Codes: Naruto UI Palette & HEX Values

Kisame Hoshigaki is one of Naruto’s most visually distinct antagonists, embodying the predatory grace of a shark through a meticulously crafted color palette. For designers seeking accurate Kisame Hoshigaki color codes, this scheme balances aquatic tones with menacing darkness. The foundation relies on San Marino (#4A6FA5) to reflect his skin undertones and cloak lining, while Pickled Bluewood (#2C3E50) defines his hair and deep shadows. Accents of Shadow Blue (#7B8FA1) highlight his gill marks and forehead protector, ensuring every hex code serves both aesthetic accuracy and narrative symbolism for fan art or UI projects.

San Marino
#4A6FA5
Pickled Bluewood
#2C3E50
Shadow Blue
#7B8FA1
Mirage
#1A252F
Hoki
#5D7C99

Kisame Hoshigaki Naruto Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
San Marino #4A6FA5 74, 111, 165 55, 33, 0, 35
Pickled Bluewood #2C3E50 44, 62, 80 45, 22, 0, 69
Shadow Blue #7B8FA1 123, 143, 161 24, 11, 0, 37
Mirage #1A252F 26, 37, 47 45, 21, 0, 82
Hoki #5D7C99 93, 124, 153 39, 19, 0, 40

Kisame Hoshigaki CSS & Tailwind Color Variables

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

:root {
/* Kisame Hoshigaki Naruto Palette */
--kisame-hoshigaki-naruto-san-marino: #4A6FA5;
--kisame-hoshigaki-naruto-pickled-bluewood: #2C3E50;
--kisame-hoshigaki-naruto-shadow-blue: #7B8FA1;
--kisame-hoshigaki-naruto-mirage: #1A252F;
--kisame-hoshigaki-naruto-hoki: #5D7C99;
}

Kisame Hoshigaki CSS Gradients

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

Click to Copy CSS
San Marino to Mirage#4A6FA5 → #1A252F
Click to Copy CSS
Shadow Blue to San Marino#7B8FA1 → #4A6FA5

Kisame Hoshigaki Color Scheme Breakdown

San Marino#4A6FA5

This muted blue represents Kisame’s Akatsuki cloak lining and skin undertones, symbolizing his aquatic nature and calm yet dangerous demeanor beneath the surface of violence.

Pickled Bluewood#2C3E50

Dark navy defines his hair and cloak accents, reflecting the deep ocean abyss where Samehada thrives and embodying the mysterious, overwhelming power he wields effortlessly in battle.

Shadow Blue#7B8FA1

Slate grey-blue appears on his gill marks and forehead protector, signifying his shark-like heritage and former allegiance to the Hidden Mist Village’s brutal shinobi traditions and identity.

Mirage#1A252F

Near-black blue forms his eyes and cloak shadows, conveying the depth of his chakra reserves and the silent, predatory focus that defines his combat philosophy throughout the series.

Hoki#5D7C99

Medium steel blue highlights his sword wrappings and armor details, representing the fusion of weapon and wielder while echoing the cold precision of his water-based ninjutsu techniques.

Kisame Hoshigaki 60-30-10 Design Rule

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

60% Background
#7B8FA1
30% Primary
#1A252F
10% Accent
#4A6FA5

Use Shadow Blue (#7B8FA1) for large background spaces, Mirage (#1A252F) for primary text and structural UI elements, and vibrant San Marino (#4A6FA5) exclusively for call-to-action buttons and important highlights.

Kisame Hoshigaki UI Component Preview

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

Kisame Hoshigaki

Akatsuki Shark Swordsman

“I am no longer a monster… I am just Kisame.”

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

  • Main LED: 74, 111, 165
  • Accent LED: 44, 62, 80

The Design Philosophy behind Kisame Hoshigaki’s Palette

The Kisame Hoshigaki color palette succeeds because it translates his lore into functional design language. Rather than generic blues, the selection mirrors his dual nature: San Marino (#4A6FA5) evokes surface-level calm, while Mirage (#1A252F) represents the crushing depth of his chakra and intent. This contrast ratio ensures accessibility in UI applications while maintaining thematic integrity. Hoki (#5D7C99) bridges weapon and wielder, reinforcing the symbiosis between Kisame and Samehada. Designers leveraging these color codes gain more than accuracy; they inherit a visual storytelling system where each hue communicates personality, power, and origin without exposition, making the palette equally effective for character profiles, game interfaces, or merchandise.

Best Kisame Hoshigaki Color Combinations

Abyssal Predator Contrast

San Marino’s mid-tone blue against near-black Mirage creates high legibility and dramatic tension ideal for buttons or focal UI elements.

Mist Village Steel Harmony

Shadow Blue and Hoki form an analogous steel-blue pairing that conveys cohesion and tactical precision for secondary interface components.

Download Kisame Hoshigaki Naruto Color Palette

ASE

Kisame Hoshigaki .ASE Swatches

For Adobe Swatches & Procreate

SVG

Kisame Hoshigaki .SVG Palette

Vector Color Palette

PNG

Kisame Hoshigaki .PNG Image

High-Quality Palette Preview

FAQs about Kisame Hoshigaki Naruto Color Codes

What is the exact HEX code for Kisame Hoshigaki’s skin tone?

Kisame’s skin undertone is best represented by San Marino with HEX #4A6FA5, capturing his distinctive aquatic blue complexion.

Which color defines Kisame’s Akatsuki cloak and hair in design?

Pickled Bluewood (#2C3E50) is used for both his dark navy hair and cloak accents, anchoring the palette with deep oceanic authority.

What HEX code represents Kisame’s sword wrappings and armor details?

Hoki (#5D7C99) accurately depicts the medium steel blue of Samehada’s bindings and his armor, symbolizing weapon-wielder unity.

Copied