Created at 12/08/2020 15:09
  0.22k

Ui design website concept colours

  • #fa0404
  • #80bce0
  • #730b14
  • #ab5154
  • #9fa9ca
  • #325661
The palette consists of Light, Dark colors. Accent colors #fa0404 and #80bce0. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #730B14 (darkest) to #9FA9CA (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #325661, #730B14, #80BCE0, #9FA9CA, #AB5154, #FA0404

Palette Ui design website concept colours has combination of 6 codes colors:
HEX: #fa0404, RGB: (250, 4, 4); HEX: #80bce0, RGB: (128, 188, 224); HEX: #730b14, RGB: (115, 11, 20)
HEX: #ab5154, RGB: (171, 81, 84); HEX: #9fa9ca, RGB: (159, 169, 202); HEX: #325661, RGB: (50, 86, 97)
Simplified version of palette colors
Shade of Red, Tint of lightskyblue, Shade of Maroon, Tint of indianred, Tint of lightsteelblue, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Ui design website concept colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fa0404 #fa0404 RGB(250, 4, 4)
#80bce0 #80bce0 RGB(128, 188, 224)
#730b14 #730b14 RGB(115, 11, 20)
#ab5154 #ab5154 RGB(171, 81, 84)
#9fa9ca #9fa9ca RGB(159, 169, 202)
#325661 #325661 RGB(50, 86, 97)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fa0404
#ab5154
1.25
#fa0404
#9fa9ca
1.77
#fa0404
#325661
1.92
#80bce0
#9fa9ca
1.13
#730b14
#325661
1.47
#ab5154
#325661
1.52

Image palette Ui design website concept colours png