Loading...
Created at 06/16/2020 06:44
  0.23k

Type design flat app colors

  • #f4a41a
  • #76a6f4
  • #2c5b9b
  • #ac64a4
  • #b7bcda
  • #141424
Loading...
The palette consists of Light, Semi dark, Dark colors. Accent colors #f4a41a and #76a6f4. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #141424 (darkest) to #B7BCDA (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #141424, #2C5B9B, #76A6F4, #AC64A4, #B7BCDA, #F4A41A

Palette Type design flat app colors has combination of 6 codes colors:
HEX: #f4a41a, RGB: (244, 164, 26); HEX: #76a6f4, RGB: (118, 166, 244); HEX: #2c5b9b, RGB: (44, 91, 155)
HEX: #ac64a4, RGB: (172, 100, 164); HEX: #b7bcda, RGB: (183, 188, 218); HEX: #141424, RGB: (20, 20, 36)
Simplified version of palette colors
Tint of Orange, Shade of cornflowerblue, Tint of royalblue, Tint of mediumorchid, Tint of lightsteelblue, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Type design flat app colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f4a41a #f4a41a RGB(244, 164, 26)
#76a6f4 #76a6f4 RGB(118, 166, 244)
#2c5b9b #2c5b9b RGB(44, 91, 155)
#ac64a4 #ac64a4 RGB(172, 100, 164)
#b7bcda #b7bcda RGB(183, 188, 218)
#141424 #141424 RGB(20, 20, 36)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f4a41a
#76a6f4
1.19
#f4a41a
#ac64a4
1.98
#f4a41a
#b7bcda
1.1
#76a6f4
#ac64a4
1.66
#76a6f4
#b7bcda
1.31
#2c5b9b
#ac64a4
1.66

Image palette Type design flat app colors png

Loading...
Loading...
Loading...