Created at 08/26/2021 19:41
  0.15k

Bootstrap5 creative app ui sidebar navigation colors palette

#4dbfbc
#7ea9e4
#249190
#4b76ad
#caad9d
#283d58
The palette consists of Light colors. Accent colors #7ea9e4 and #caad9d. Palette has Cool, Warm colors temperature.
Palette Bootstrap5 creative app ui sidebar navigation colors palette has combination of 6 codes colors:
HEX: #4dbfbc, RGB: (77, 191, 188); HEX: #7ea9e4, RGB: (126, 169, 228); HEX: #249190, RGB: (36, 145, 144)
HEX: #4b76ad, RGB: (75, 118, 173); HEX: #caad9d, RGB: (202, 173, 157); HEX: #283d58, RGB: (40, 61, 88)
Simplified version of palette colors
Shade of lightseagreen, Shade of cornflowerblue, Shade of darkcyan, Tint of steelblue, Tint of tan, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Bootstrap5 creative app ui sidebar navigation colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4dbfbc #4dbfbc RGB(77, 191, 188)
#7ea9e4 #7ea9e4 RGB(126, 169, 228)
#249190 #249190 RGB(36, 145, 144)
#4b76ad #4b76ad RGB(75, 118, 173)
#caad9d #caad9d RGB(202, 173, 157)
#283d58 #283d58 RGB(40, 61, 88)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4dbfbc
#7ea9e4
1.09
#4dbfbc
#249190
1.71
#4dbfbc
#caad9d
1.05
#7ea9e4
#249190
1.57
#7ea9e4
#4b76ad
1.93
#7ea9e4
#caad9d
1.14

Image palette Bootstrap5 creative app ui sidebar navigation colors palette png