Created at 07/29/2020 17:26
  0.21k

Design web app ui colours

#31c4ef
#7bd3fb
#24365c
#445a9d
#bcbad6
#2c5465
The palette consists of Light, Semi dark colors. Accent colors #31c4ef and #7bd3fb. Palette has Cool colors temperature.
Palette Design web app ui colours has combination of 6 codes colors:
HEX: #31c4ef, RGB: (49, 196, 239); HEX: #7bd3fb, RGB: (123, 211, 251); HEX: #24365c, RGB: (36, 54, 92)
HEX: #445a9d, RGB: (68, 90, 157); HEX: #bcbad6, RGB: (188, 186, 214); HEX: #2c5465, RGB: (44, 84, 101)
Simplified version of palette colors
Shade of deepskyblue, Tint of lightskyblue, Tint of darkslateblue, Tint of royalblue, Tint of thistle, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Design web app ui colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#31c4ef #31c4ef RGB(49, 196, 239)
#7bd3fb #7bd3fb RGB(123, 211, 251)
#24365c #24365c RGB(36, 54, 92)
#445a9d #445a9d RGB(68, 90, 157)
#bcbad6 #bcbad6 RGB(188, 186, 214)
#2c5465 #2c5465 RGB(44, 84, 101)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#31c4ef
#7bd3fb
1.22
#31c4ef
#bcbad6
1.08
#7bd3fb
#bcbad6
1.12
#24365c
#445a9d
1.81
#24365c
#2c5465
1.45
#445a9d
#2c5465
1.24

Image palette Design web app ui colours png