Luka, the spirited champion of Belobog’s Underworld, embodies a unique blend of mechanical prowess and fiery resilience. His visual identity is a masterclass in UI balance, blending the authoritative Madison (#0F3B73) of his primary coat with the youthful, energetic glow of Turquoise (#3DD8E0) hair highlights. This palette isn’t just for show; it reflects a fighter who balances heavy duty with a vibrant spirit. Designers often seek these specific Luka color codes to replicate his modern, tech-infused aesthetic. By incorporating the crisp Athens Gray (#F6F7F9) as a neutral base, Luka’s design achieves high legibility, ensuring he stands out during the high-octane combat of Jarilo-VI.
Luka Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Turquoise | #3DD8E0 | 61, 216, 224 | 73, 4, 0, 12 | |
| Madison | #0F3B73 | 15, 59, 115 | 87, 49, 0, 55 | |
| Anakiwa | #8FD1FF | 143, 209, 255 | 44, 18, 0, 0 | |
| Equator | #E3B562 | 227, 181, 98 | 0, 20, 57, 11 | |
| Athens Gray | #F6F7F9 | 246, 247, 249 | 1, 1, 0, 2 |
Luka CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Luka Honkai Star Rail Palette */
--luka-honkai-star-rail-turquoise: #3DD8E0;
--luka-honkai-star-rail-madison: #0F3B73;
--luka-honkai-star-rail-anakiwa: #8FD1FF;
--luka-honkai-star-rail-equator: #E3B562;
--luka-honkai-star-rail-athens-gray: #F6F7F9;
}More Honkai: Star Rail Character Color Palettes Color Codes (Blue Palette)
Luka CSS Gradients
Beautiful gradient backgrounds inspired by Luka’s aesthetic. Click to copy the CSS code.
Luka Color Scheme Breakdown
Turquoise#3DD8E0
Aqua-teal used for Luka’s hair highlights and subtle glow effects around his head, conveying a youthful, energetic presence and linking him visually to elemental or tech-infused motifs within his design.
Madison#0F3B73
Deep navy forms the primary coat and jacket panels, providing a grounded, authoritative base that contrasts brighter accents and emphasizes silhouette and motion during animations and skill visuals.
Anakiwa#8FD1FF
Pale sky blue appears in Luka’s eye color and inner garment layers, suggesting clarity and calm intelligence while reinforcing the cooler tonal family across close-up portraits and expression frames.
Equator#E3B562
Warm gold is used for trim, buckles, and tiny emblem details, adding a regal contrast that highlights focal points on his outfit and implies craftsmanship, status, or technological ornamentation.
Athens Gray#F6F7F9
Off-white serves as the base for shirts and inner linings, creating clean negative space that balances darker garments, improves legibility of design elements, and gives a crisp, modern aesthetic to the character.
Luka 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Luka’s palette for a perfectly balanced visual hierarchy.
Luka UI Component Preview
Here is a live example of how the Luka color palette looks when applied to a modern UI component.
Luka
Underground Boxing Champion
“The champion’s back! Let’s get this show on the road!”
Luka 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 Luka’s aesthetic.
- Main LED: 61, 216, 224
- Accent LED: 15, 59, 115
The Design Philosophy behind Luka’s Palette
The design philosophy behind Luka’s color scheme centers on ‘Heroic Contrast.’ HoYoverse designers utilized the deep navy of Madison (#0F3B73) to establish his role as a grounded protector of Wildfire, symbolizing stability and strength. This is brilliantly offset by Equator (#E3B562) gold accents, which signify his ‘Champion’ status and the intricate craftsmanship of his mechanical arm. The inclusion of Anakiwa (#8FD1FF) in his eyes provides a window into his calm intelligence amidst the heat of battle. This combination works because it follows a professional triad logic: the dark blues provide a stable silhouette, while the warm gold and vibrant turquoise act as focal points that guide the player’s eye toward his expressive face and powerful movements. It is a palette that successfully bridges the gap between gritty industrial realism and high-tech fantasy.
Best Luka Color Combinations
Cyber-Industrial Contrast
The deep navy provides a professional, grounded backdrop that makes the vibrant turquoise pop, ideal for high-tech HUDs or interactive UI elements.
Elite Champion Trim
Pairing a clean off-white with warm gold creates a sophisticated, premium aesthetic that maintains perfect readability while adding a touch of luxury.
Explore More Honkai: Star Rail Character Color Palettes Character Color Codes
Download Luka Honkai Star Rail Color Palette
Luka .ASE Swatches
For Adobe Swatches & Procreate
Luka .SVG Palette
Vector Color Palette
Luka .PNG Image
High-Quality Palette Preview
FAQs about Luka Honkai Star Rail Color Codes
What is the HEX code for Luka’s signature hair highlights?
The vibrant aqua-teal highlights in Luka’s hair use the HEX code #3DD8E0 (Turquoise), conveying his youthful energy.
What colors define Luka’s primary outfit in Honkai: Star Rail?
Luka’s main outfit is defined by a deep navy coat in #0F3B73 (Madison) contrasted against a clean #F6F7F9 (Athens Gray) base layer.
What color is used for the metallic details on Luka’s gear?
The metallic trims, buckles, and emblems on Luka’s design use the warm gold HEX code #E3B562 (Equator).
