Created at 12/26/2022 12:46
Filter modal ui filtering filters colors
- Amaranth Red#d9252b
- Pale Pink#f9dcdd
- UP Maroon#711316
- Weldon Blue#7894ad
- Cadet Blue (Crayola)#a4bccc
- Purple Taupe#4c4444
The palette consists of Light, Dark colors. Accent colors UP Maroon #711316 and Cadet Blue (Crayola) #a4bccc. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #711316 (darkest) to #F9DCDD (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
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): #4C4444, #711316, #7894AD, #A4BCCC, #D9252B, #F9DCDD
Palette Filter modal ui filtering filters colors has combination of 6 codes colors:
HEX: #d9252b, RGB: (217, 37, 43); HEX: #f9dcdd, RGB: (249, 220, 221); HEX: #711316, RGB: (113, 19, 22)
HEX: #7894ad, RGB: (120, 148, 173); HEX: #a4bccc, RGB: (164, 188, 204); HEX: #4c4444, RGB: (76, 68, 68)
Simplified version of palette colors
Shade of crimson, Tint of mistyrose, Shade of Maroon, Shade of lightslategrey, Tint of lightsteelblue, Tint of dimgrey
Color scheme was created by hex
Colors codes in palette
Filter modal ui filtering filters colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #d9252b | #d9252b | RGB(217, 37, 43) | Amaranth Red | — |
| #f9dcdd | #f9dcdd | RGB(249, 220, 221) | Pale Pink | — |
| #711316 | #711316 | RGB(113, 19, 22) | UP Maroon | — |
| #7894ad | #7894ad | RGB(120, 148, 173) | Weldon Blue | — |
| #a4bccc | #a4bccc | RGB(164, 188, 204) | Cadet Blue (Crayola) | — |
| #4c4444 | #4c4444 | RGB(76, 68, 68) | Purple Taupe | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#d9252b | #7894ad | 1.56 |
#d9252b | #4c4444 | 1.91 |
#f9dcdd | #a4bccc | 1.53 |
#711316 | #4c4444 | 1.22 |
#7894ad | #a4bccc | 1.6 |
Image palette Filter modal ui filtering filters colors png
Export Palette
Download the "Filter modal ui filtering filters colors" in multiple formats for seamless integration into your design projects.
Available formats: