Loading...
Created at 06/10/2025 09:48
Hero Select Lobby Overlay
- Slot Frame Blue#3b82f6
- Highlight Glow Gold#ffd700
- Unavailable Gray#a1a1aa
- Class Color Pink#f472b6
- Action Button Red#ef4444
- Background UI Black#0f172a
The palette consists of Light, Dark colors. Accent colors Slot Frame Blue #3b82f6 and Highlight Glow Gold #ffd700. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #0F172A (darkest) to #F472B6 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #0F172A, #3B82F6, #A1A1AA, #EF4444, #F472B6, #FFD700
Palette Hero Select Lobby Overlay has combination of 6 codes colors:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #ffd700, RGB: (255, 215, 0); HEX: #a1a1aa, RGB: (161, 161, 170)
HEX: #f472b6, RGB: (244, 114, 182); HEX: #ef4444, RGB: (239, 68, 68); HEX: #0f172a, RGB: (15, 23, 42)
Simplified version of palette colors
Tint of dodgerblue, Tint of darkgrey, Shade of hotpink, Tint of indianred, Shade of Black
Color scheme was created by coolor
Colors codes in palette
Hero Select Lobby Overlay color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Slot Frame Blue | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Highlight Glow Gold | Gold |
| #a1a1aa | #a1a1aa | RGB(161, 161, 170) | Unavailable Gray | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Class Color Pink | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Action Button Red | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Background UI Black | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3b82f6 | #a1a1aa | 1.43 |
#3b82f6 | #f472b6 | 1.38 |
#3b82f6 | #ef4444 | 1.02 |
#ffd700 | #a1a1aa | 1.82 |
#ffd700 | #f472b6 | 1.88 |
#a1a1aa | #f472b6 | 1.03 |
Image palette Hero Select Lobby Overlay png
Export Palette
Download the "Hero Select Lobby Overlay" in multiple formats for seamless integration into your design projects.
Available formats: