Created at 02/24/2023 22:41
Interaction design system ux modals hex colors
Jasper
#dc3e3e
Blond
#f4f4bc
Persian Plum
#701414
Taupe Gray
#84848c
Dark Vanilla
#d0b7b3
Arsenic
#3c3c4c
The palette consists of Semi dark, Light, Dark colors. Accent colors Blond #f4f4bc and Arsenic #3c3c4c. Palette has Warm, Cool, Neutral colors temperature.
Palette Interaction design system ux modals hex colors has combination of 6 codes colors:
HEX: #dc3e3e, RGB: (220, 62, 62); HEX: #f4f4bc, RGB: (244, 244, 188); HEX: #701414, RGB: (112, 20, 20)
HEX: #84848c, RGB: (132, 132, 140); HEX: #d0b7b3, RGB: (208, 183, 179); HEX: #3c3c4c, RGB: (60, 60, 76)
Simplified version of palette colors
Shade of crimson, Shade of palegoldenrod, Shade of Maroon, Shade of Grey, Tint of Silver, Tint of darkslateblue
Color scheme was created by hex
Colors codes in palette
Interaction design system ux modals hex colors color codes HEX, RGB information in table
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#dc3e3e | #84848c | 1.17 |
#f4f4bc | #d0b7b3 | 1.66 |
#701414 | #3c3c4c | 1.07 |
#84848c | #d0b7b3 | 1.96 |
