Generate Palette
  1. Color Palettes
  2. Booking webapp flight website interaction design map ui colours

Booking webapp flight website interaction design map ui colours

  • #136bd3
  • #99c1ec
  • #13305d
  • #a28969
  • #aebad2
  • #19417f
  0.23k

Booking webapp flight website interaction design map ui colours has 6 colors, mostly blue. The lightest color is Light Steel Blue (#99C1EC), the darkest Midnight Blue (#13305D). Its strongest contrast pair is #13305D on #99C1EC (6.9:1, WCAG AA).

Created at 05/24/2020 07:03
bycolorswall
The palette consists of Semi dark, Light, Dark colors. Accent colors #136bd3 and #a28969. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #13305D (darkest) to #99C1EC (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (5 of 6).

HEX codes (sorted): #13305D, #136BD3, #19417F, #99C1EC, #A28969, #AEBAD2

Palette Booking webapp flight website interaction design map ui colours combines 6 color codes:
HEX: #136bd3, RGB: (19, 107, 211); HEX: #99c1ec, RGB: (153, 193, 236); HEX: #13305d, RGB: (19, 48, 93)
HEX: #a28969, RGB: (162, 137, 105); HEX: #aebad2, RGB: (174, 186, 210); HEX: #19417f, RGB: (25, 65, 127)
Simplified version of palette colors
Shade of Royal Blue, Shade of Light Steel Blue, Tint of Midnight Blue, Shade of Peru, Shade of Light Steel Blue, Shade of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

Booking webapp flight website interaction design map ui colours color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#136bd3#136bd3RGB(19, 107, 211)——
#99c1ec#99c1ecRGB(153, 193, 236)——
#13305d#13305dRGB(19, 48, 93)——
#a28969#a28969RGB(162, 137, 105)——
#aebad2#aebad2RGB(174, 186, 210)——
#19417f#19417fRGB(25, 65, 127)——

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#136bd3
#a28969
1.55
#136bd3
#19417f
1.93
#99c1ec
#a28969
1.77
#99c1ec
#aebad2
1.04
#13305d
#19417f
1.3
#a28969
#aebad2
1.7

Image palette Booking webapp flight website interaction design map ui colours png

Booking webapp flight website interaction design map ui colours: #136bd3, #99c1ec, #13305d, #a28969, #aebad2, #19417f
 Download image