Loading...
Created at 01/08/2020 12:44
  0.23k

Figma web website ui colors

  • #44347c
  • #fcc4be
  • #360f6e
  • #684c9c
  • #d9b7b2
  • #413274
Loading...
The palette consists of Light, Dark, Semi dark colors. Accent colors #fcc4be and #360f6e. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #360F6E (darkest) to #FCC4BE (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #360F6E, #413274, #44347C, #684C9C, #D9B7B2, #FCC4BE

Palette Figma web website ui colors has combination of 6 codes colors:
HEX: #44347c, RGB: (68, 52, 124); HEX: #fcc4be, RGB: (252, 196, 190); HEX: #360f6e, RGB: (54, 15, 110)
HEX: #684c9c, RGB: (104, 76, 156); HEX: #d9b7b2, RGB: (217, 183, 178); HEX: #413274, RGB: (65, 50, 116)
Simplified version of palette colors
Tint of darkslateblue, Tint of Pink, Shade of indigo, Shade of darkslateblue, Tint of Pink, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Figma web website ui colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#44347c #44347c RGB(68, 52, 124)
#fcc4be #fcc4be RGB(252, 196, 190)
#360f6e #360f6e RGB(54, 15, 110)
#684c9c #684c9c RGB(104, 76, 156)
#d9b7b2 #d9b7b2 RGB(217, 183, 178)
#413274 #413274 RGB(65, 50, 116)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#44347c
#360f6e
1.39
#44347c
#684c9c
1.52
#44347c
#413274
1.04
#fcc4be
#d9b7b2
1.21
#360f6e
#413274
1.33
#684c9c
#413274
1.6

Image palette Figma web website ui colors png

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