Loading...
Created at 12/29/2019 20:35
  0.23k

Instagram ux branding ui design colors

  • #fb3c45
  • #f6788a
  • #810208
  • #7a777b
  • #c48c8c
  • #950309
Loading...
The palette consists of Light, Dark colors. Accent colors #810208 and #950309. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #810208 (darkest) to #F6788A (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans warm.

HEX codes (sorted): #7A777B, #810208, #950309, #C48C8C, #F6788A, #FB3C45

Palette Instagram ux branding ui design colors has combination of 6 codes colors:
HEX: #fb3c45, RGB: (251, 60, 69); HEX: #f6788a, RGB: (246, 120, 138); HEX: #810208, RGB: (129, 2, 8)
HEX: #7a777b, RGB: (122, 119, 123); HEX: #c48c8c, RGB: (196, 140, 140); HEX: #950309, RGB: (149, 3, 9)
Simplified version of palette colors
Tint of tomato, Tint of lightcoral, Shade of Maroon, Tint of Grey, Shade of rosybrown, Shade of darkred
Color scheme was created by colorswall

Colors codes in palette

Instagram ux branding ui design colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fb3c45 #fb3c45 RGB(251, 60, 69)
#f6788a #f6788a RGB(246, 120, 138)
#810208 #810208 RGB(129, 2, 8)
#7a777b #7a777b RGB(122, 119, 123)
#c48c8c #c48c8c RGB(196, 140, 140)
#950309 #950309 RGB(149, 3, 9)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fb3c45
#f6788a
1.36
#fb3c45
#7a777b
1.22
#fb3c45
#c48c8c
1.28
#f6788a
#7a777b
1.67
#f6788a
#c48c8c
1.06
#810208
#950309
1.17

Image palette Instagram ux branding ui design colors png

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