Created at 08/26/2022 08:48
Education ui landing page header palette
Dark Terra Cotta
#d54b5a
Jordy Blue
#8ca9f4
Firebrick
#aa211e
Desaturated Cyan
#6b9a94
Dark Vanilla
#d2cba0
Dark Slate Gray
#365f58
The palette consists of Light, Semi dark colors. Accent colors Jordy Blue #8ca9f4 and Firebrick #aa211e. Palette has Warm, Cool colors temperature.
Palette Education ui landing page header palette has combination of 6 codes colors:
HEX: #d54b5a, RGB: (213, 75, 90); HEX: #8ca9f4, RGB: (140, 169, 244); HEX: #aa211e, RGB: (170, 33, 30)
HEX: #6b9a94, RGB: (107, 154, 148); HEX: #d2cba0, RGB: (210, 203, 160); HEX: #365f58, RGB: (54, 95, 88)
Simplified version of palette colors
Tint of indianred, Shade of cornflowerblue, Tint of firebrick, Tint of cadetblue, Tint of palegoldenrod, Shade of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Education ui landing page header palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #d54b5a | #d54b5a | RGB(213, 75, 90) | Dark Terra Cotta | — |
| #8ca9f4 | #8ca9f4 | RGB(140, 169, 244) | Jordy Blue | — |
| #aa211e | #aa211e | RGB(170, 33, 30) | Firebrick | — |
| #6b9a94 | #6b9a94 | RGB(107, 154, 148) | Desaturated Cyan | — |
| #d2cba0 | #d2cba0 | RGB(210, 203, 160) | Dark Vanilla | — |
| #365f58 | #365f58 | RGB(54, 95, 88) | Dark Slate Gray | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#d54b5a | #8ca9f4 | 1.82 |
#d54b5a | #aa211e | 1.69 |
#d54b5a | #6b9a94 | 1.33 |
#d54b5a | #365f58 | 1.69 |
#8ca9f4 | #6b9a94 | 1.36 |
#8ca9f4 | #d2cba0 | 1.4 |
