Uidesign ui app ux design behance hex colors

  • #6ba1f2
  • #f07c84
  • #0a3779
  • #526096
  • #be989e
  • #3e2722
  0.32k

Uidesign ui app ux design behance hex colors has 6 colors, mostly blue and red. The lightest color is Light Coral (#F07C84), the darkest Black (#3E2722). Its strongest contrast pair is #3E2722 on #BE989E (5.3:1, WCAG AA).

Created at 12/17/2019 07:35
The palette consists of Light, Semi dark, Dark colors. Accent colors #f07c84 and #0a3779. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #3E2722 (darkest) to #F07C84 (lightest). The lightness range is moderate.

Saturation is mixed — 1 muted and 3 vivid out of 6 colors.

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

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #0A3779, #3E2722, #526096, #6BA1F2, #BE989E, #F07C84

Palette Uidesign ui app ux design behance hex colors combines 6 color codes:
HEX: #6ba1f2, RGB: (107, 161, 242); HEX: #f07c84, RGB: (240, 124, 132); HEX: #0a3779, RGB: (10, 55, 121)
HEX: #526096, RGB: (82, 96, 150); HEX: #be989e, RGB: (190, 152, 158); HEX: #3e2722, RGB: (62, 39, 34)
Simplified version of palette colors
Tint of Cornflower Blue, Shade of Light Coral, Shade of Dark Slate Blue, Shade of Slate Blue, Tint of Rosy Brown, Tint of Black
Color scheme was created by colorswall

Color codes in palette

Uidesign ui app ux design behance hex colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#6ba1f2#6ba1f2RGB(107, 161, 242)——
#f07c84#f07c84RGB(240, 124, 132)——
#0a3779#0a3779RGB(10, 55, 121)——
#526096#526096RGB(82, 96, 150)——
#be989e#be989eRGB(190, 152, 158)——
#3e2722#3e2722RGB(62, 39, 34)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#6ba1f2
#f07c84
1.01
#6ba1f2
#be989e
1.02
#f07c84
#be989e
1.03
#0a3779
#526096
1.89
#0a3779
#3e2722
1.2

Image palette Uidesign ui app ux design behance hex colors png