Web app orix product design web3
- Orioles Orange#fa4a23
- Bittersweet#fc6c54
- Kobe#7d2d17
- Old Silver#84847c
- Khaki (HTML/CSS)#c3ad9e
- Olive Drab Camouflage#544c3c
Created at 09/26/2022 08:48
The palette consists of Light, Semi dark colors. Accent colors Orioles Orange #fa4a23 and Bittersweet #fc6c54. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #7D2D17 (darkest) to #C3AD9E (lightest). The lightness range is moderate.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
An analogous palette: its hues sit close together on the color wheel, within about 31°.
Overall temperature among swatches leans warm (5 of 6).
HEX codes (sorted): #544C3C, #7D2D17, #84847C, #C3AD9E, #FA4A23, #FC6C54
Palette Web app orix product design web3 combines 6 color codes:
HEX: #fa4a23, RGB: (250, 74, 35); HEX: #fc6c54, RGB: (252, 108, 84); HEX: #7d2d17, RGB: (125, 45, 23)
HEX: #84847c, RGB: (132, 132, 124); HEX: #c3ad9e, RGB: (195, 173, 158); HEX: #544c3c, RGB: (84, 76, 60)
Simplified version of palette colors
Tint of Orange Red, Tint of Tomato, Tint of Maroon, Tint of Grey, Shade of Tan, Shade of Dim Gray
Color scheme was created by colorswall
Color codes in palette
Web app orix product design web3 color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #fa4a23 | #fa4a23 | RGB(250, 74, 35) | Orioles Orange | — |
| #fc6c54 | #fc6c54 | RGB(252, 108, 84) | Bittersweet | — |
| #7d2d17 | #7d2d17 | RGB(125, 45, 23) | Kobe | — |
| #84847c | #84847c | RGB(132, 132, 124) | Old Silver | — |
| #c3ad9e | #c3ad9e | RGB(195, 173, 158) | Khaki (HTML/CSS) | — |
| #544c3c | #544c3c | RGB(84, 76, 60) | Olive Drab Camouflage | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#fa4a23 | #fc6c54 | 1.22 |
#fa4a23 | #84847c | 1.08 |
#fa4a23 | #c3ad9e | 1.61 |
#fc6c54 | #84847c | 1.33 |
#fc6c54 | #c3ad9e | 1.32 |
#7d2d17 | #544c3c | 1.09 |
Image palette Web app orix product design web3 png
Export Palette
Download the "Web app orix product design web3" in multiple formats for seamless integration into your design projects.
Available formats: