Created at 05/22/2020 12:33
  0.2k

Interface ui color designer

  • #fb8064
  • #fb957f
  • #3c75a3
  • #b68a91
  • #ded8d6
  • #2f424f
The palette consists of Light colors. Accent colors #fb8064 and #3c75a3. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #2F424F (darkest) to #DED8D6 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #2F424F, #3C75A3, #B68A91, #DED8D6, #FB8064, #FB957F

Palette Interface ui color designer has combination of 6 codes colors:
HEX: #fb8064, RGB: (251, 128, 100); HEX: #fb957f, RGB: (251, 149, 127); HEX: #3c75a3, RGB: (60, 117, 163)
HEX: #b68a91, RGB: (182, 138, 145); HEX: #ded8d6, RGB: (222, 216, 214); HEX: #2f424f, RGB: (47, 66, 79)
Simplified version of palette colors
Tint of salmon, Shade of darksalmon, Tint of steelblue, Tint of rosybrown, Tint of gainsboro, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Interface ui color designer color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fb8064 #fb8064 RGB(251, 128, 100)
#fb957f #fb957f RGB(251, 149, 127)
#3c75a3 #3c75a3 RGB(60, 117, 163)
#b68a91 #b68a91 RGB(182, 138, 145)
#ded8d6 #ded8d6 RGB(222, 216, 214)
#2f424f #2f424f RGB(47, 66, 79)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fb8064
#fb957f
1.15
#fb8064
#3c75a3
1.96
#fb8064
#b68a91
1.19
#fb8064
#ded8d6
1.77
#fb957f
#b68a91
1.38
#fb957f
#ded8d6
1.53

Image palette Interface ui color designer png