Created at 09/16/2021 10:34
  0.26k

Tutorial tailwind css design ui colours

#7484e5
#828cf5
#0c0c04
#535498
#bcbcc0
#343c44
Sign In to save palette in collection
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 HEX RGB Name Alternative name
#7484e5 RGB(116, 132, 229)
#828cf5 RGB(130, 140, 245)
#0c0c04 RGB(12, 12, 4)
#535498 RGB(83, 84, 152)
#bcbcc0 RGB(188, 188, 192)
#343c44 RGB(52, 60, 68)

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

Image palette Tutorial tailwind css design ui colours png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes