Loading...
Created at 06/14/2020 15:25
  0.23k

Interface element screen design colors

  • #4eaef6
  • #86c2f0
  • #2c4c74
  • #5c80a2
  • #d2bca9
  • #3b2a24
Loading...
The palette consists of Light, Dark colors. Accent colors #4eaef6 and #d2bca9. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #3B2A24 (darkest) to #D2BCA9 (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 cool.

HEX codes (sorted): #2C4C74, #3B2A24, #4EAEF6, #5C80A2, #86C2F0, #D2BCA9

Palette Interface element screen design colors has combination of 6 codes colors:
HEX: #4eaef6, RGB: (78, 174, 246); HEX: #86c2f0, RGB: (134, 194, 240); HEX: #2c4c74, RGB: (44, 76, 116)
HEX: #5c80a2, RGB: (92, 128, 162); HEX: #d2bca9, RGB: (210, 188, 169); HEX: #3b2a24, RGB: (59, 42, 36)
Simplified version of palette colors
Shade of deepskyblue, Tint of lightskyblue, Tint of darkslateblue, Shade of steelblue, Shade of tan, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Interface element screen design colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4eaef6 #4eaef6 RGB(78, 174, 246)
#86c2f0 #86c2f0 RGB(134, 194, 240)
#2c4c74 #2c4c74 RGB(44, 76, 116)
#5c80a2 #5c80a2 RGB(92, 128, 162)
#d2bca9 #d2bca9 RGB(210, 188, 169)
#3b2a24 #3b2a24 RGB(59, 42, 36)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4eaef6
#86c2f0
1.26
#4eaef6
#5c80a2
1.71
#4eaef6
#d2bca9
1.32
#86c2f0
#d2bca9
1.04
#2c4c74
#3b2a24
1.55

Image palette Interface element screen design colors png

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