Loading...
Created at 05/16/2023 19:47
Motion animation hero image website hex colors
- Black#141414
- Black Olive#3c3c3c
- Philippine Silver#b4b4b4
- Black Leather Jacket#283c28
- Quick Silver#a0a0a0
- Chinese Silver#c8c8c8
The palette consists of Dark, Light colors. Accent colors Black Leather Jacket #283c28 and Chinese Silver #c8c8c8. Palette has Neutral colors temperature.
By lightness, this palette runs from #141414 (darkest) to #C8C8C8 (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma).
Chromatic content centers on a single hue direction; neutrals/grays reduce contrast between families (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #141414, #283C28, #3C3C3C, #A0A0A0, #B4B4B4, #C8C8C8
Palette Motion animation hero image website hex colors has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #3c3c3c, RGB: (60, 60, 60); HEX: #b4b4b4, RGB: (180, 180, 180)
HEX: #283c28, RGB: (40, 60, 40); HEX: #a0a0a0, RGB: (160, 160, 160); HEX: #c8c8c8, RGB: (200, 200, 200)
Simplified version of palette colors
Shade of Black, Tint of darkslategrey, Shade of darkgrey, Tint of darkslategrey, Tint of darkgrey, Shade of Silver
Color scheme was created by bad_colors
Colors codes in palette
Motion animation hero image website hex colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Black Olive | — |
| #b4b4b4 | #b4b4b4 | RGB(180, 180, 180) | Philippine Silver | — |
| #283c28 | #283c28 | RGB(40, 60, 40) | Black Leather Jacket | — |
| #a0a0a0 | #a0a0a0 | RGB(160, 160, 160) | Quick Silver | — |
| #c8c8c8 | #c8c8c8 | RGB(200, 200, 200) | Chinese Silver | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#141414 | #3c3c3c | 1.67 |
#141414 | #283c28 | 1.55 |
#3c3c3c | #283c28 | 1.07 |
#b4b4b4 | #a0a0a0 | 1.26 |
#b4b4b4 | #c8c8c8 | 1.23 |
#a0a0a0 | #c8c8c8 | 1.56 |
Image palette Motion animation hero image website hex colors png
Export Palette
Download the "Motion animation hero image website hex colors" in multiple formats for seamless integration into your design projects.
Available formats: