Modal dashboard mobile ux
- Safety Orange (Blaze Orange)#f96c05
- Very Light Tangelo#fcb27d
- Citrine Brown#98430b
- Hooker's Green#527e6b
- Silver Foil#b0b0b0
- Arsenic#35493f
Modal dashboard mobile ux has 6 colors, mostly orange and green. The lightest color is Very Light Tangelo (#FCB27D), the darkest Arsenic (#35493F). Its strongest contrast pair is #35493F on #FCB27D (5.4:1, WCAG AA).
Created at 08/31/2022 12:26
The palette consists of Light, Semi dark colors. Accent colors Safety Orange (Blaze Orange) #f96c05 and Hooker's Green #527e6b. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #35493F (darkest) to #FCB27D (lightest). The lightness range is moderate.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
A varied palette: its hues are spread across about 130° of the color wheel.
Overall temperature among swatches leans warm (3 of 6).
HEX codes (sorted): #35493F, #527E6B, #98430B, #B0B0B0, #F96C05, #FCB27D
Palette Modal dashboard mobile ux combines 6 color codes:
HEX: #f96c05, RGB: (249, 108, 5); HEX: #fcb27d, RGB: (252, 178, 125); HEX: #98430b, RGB: (152, 67, 11)
HEX: #527e6b, RGB: (82, 126, 107); HEX: #b0b0b0, RGB: (176, 176, 176); HEX: #35493f, RGB: (53, 73, 63)
Simplified version of palette colors
Tint of Chocolate, Tint of Sandy Brown, Tint of Saddle Brown, Tint of Sea Green, Tint of Dark Gray, Shade of Dark Slate Gray
Color scheme was created by colorswall
Color codes in palette
Modal dashboard mobile ux color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #f96c05 | #f96c05 | RGB(249, 108, 5) | Safety Orange (Blaze Orange) | — |
| #fcb27d | #fcb27d | RGB(252, 178, 125) | Very Light Tangelo | — |
| #98430b | #98430b | RGB(152, 67, 11) | Citrine Brown | — |
| #527e6b | #527e6b | RGB(82, 126, 107) | Hooker's Green | — |
| #b0b0b0 | #b0b0b0 | RGB(176, 176, 176) | Silver Foil | Gray69 |
| #35493f | #35493f | RGB(53, 73, 63) | Arsenic | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#f96c05 | #fcb27d | 1.64 |
#f96c05 | #527e6b | 1.57 |
#f96c05 | #b0b0b0 | 1.34 |
#fcb27d | #b0b0b0 | 1.21 |
#98430b | #527e6b | 1.44 |
#98430b | #35493f | 1.44 |
Image palette Modal dashboard mobile ux png
Export Palette
Download the "Modal dashboard mobile ux" in multiple formats for seamless integration into your design projects.
Available formats: