Created at 09/16/2021 10:34
Tutorial tailwind css design ui colours
#7484e5
#828cf5
#0c0c04
#535498
#bcbcc0
#343c44
The palette consists of Light, Dark, Semi dark colors. Accent colors #828cf5 and #0c0c04. Palette has Cool, Neutral colors temperature.
Palette Tutorial tailwind css design ui colours has combination of 6 codes colors:
HEX: #7484e5, RGB: (116, 132, 229); HEX: #828cf5, RGB: (130, 140, 245); HEX: #0c0c04, RGB: (12, 12, 4)
HEX: #535498, RGB: (83, 84, 152); HEX: #bcbcc0, RGB: (188, 188, 192); HEX: #343c44, RGB: (52, 60, 68)
Simplified version of palette colors
Tint of cornflowerblue, Shade of cornflowerblue, Shade of Black, Shade of darkslateblue, Tint of Silver, Tint of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Tutorial tailwind css design ui colours color codes HEX, RGB information in table
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
Text Color | Background Color | Contrast Ratio |
#7484e5 | #828cf5 | 1.13 |
#7484e5 | #535498 | 1.99 |
#7484e5 | #bcbcc0 | 1.79 |
#828cf5 | #bcbcc0 | 1.58 |
#0c0c04 | #343c44 | 1.75 |
#535498 | #343c44 | 1.64 |