Loading...
Created at 12/30/2019 12:16
  0.34k

Web flat ui typography hex colors

  • #1f59e0
  • #f87474
  • #2c6465
  • #56699f
  • #94a6c7
  • #31685c
Loading...
The palette consists of Semi dark, Light colors. Accent colors #1f59e0 and #f87474. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #2C6465 (darkest) to #F87474 (lightest). The lightness range is moderate.

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): #1F59E0, #2C6465, #31685C, #56699F, #94A6C7, #F87474

Palette Web flat ui typography hex colors has combination of 6 codes colors:
HEX: #1f59e0, RGB: (31, 89, 224); HEX: #f87474, RGB: (248, 116, 116); HEX: #2c6465, RGB: (44, 100, 101)
HEX: #56699f, RGB: (86, 105, 159); HEX: #94a6c7, RGB: (148, 166, 199); HEX: #31685c, RGB: (49, 104, 92)
Simplified version of palette colors
Tint of royalblue, Tint of lightcoral, Shade of darkslategrey, Tint of royalblue, Tint of lightsteelblue, Tint of Teal
Color scheme was created by colorswall

Colors codes in palette

Web flat ui typography hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1f59e0 #1f59e0 RGB(31, 89, 224)
#f87474 #f87474 RGB(248, 116, 116)
#2c6465 #2c6465 RGB(44, 100, 101)
#56699f #56699f RGB(86, 105, 159)
#94a6c7 #94a6c7 RGB(148, 166, 199)
#31685c #31685c RGB(49, 104, 92)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1f59e0
#2c6465
1.14
#1f59e0
#56699f
1.09
#1f59e0
#31685c
1.09
#f87474
#56699f
1.97
#f87474
#94a6c7
1.1
#2c6465
#56699f
1.25

Image palette Web flat ui typography hex colors png

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