Loading...
Created at 11/21/2019 21:24
  0.2k

Light ui styleguide dark typography colors

  • #4164df
  • #f68f5a
  • #381d66
  • #6a6c90
  • #8199bb
  • #3e2f52
Loading...
The palette consists of Light, Dark colors. Accent colors #4164df and #f68f5a. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #3E2F52 (darkest) to #F68F5A (lightest). The lightness range is moderate.

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): #381D66, #3E2F52, #4164DF, #6A6C90, #8199BB, #F68F5A

Palette Light ui styleguide dark typography colors has combination of 6 codes colors:
HEX: #4164df, RGB: (65, 100, 223); HEX: #f68f5a, RGB: (246, 143, 90); HEX: #381d66, RGB: (56, 29, 102)
HEX: #6a6c90, RGB: (106, 108, 144); HEX: #8199bb, RGB: (129, 153, 187); HEX: #3e2f52, RGB: (62, 47, 82)
Simplified version of palette colors
Tint of royalblue, Shade of coral, Shade of midnightblue, Tint of slategrey, Shade of lightslategrey, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Light ui styleguide dark typography colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4164df #4164df RGB(65, 100, 223)
#f68f5a #f68f5a RGB(246, 143, 90)
#381d66 #381d66 RGB(56, 29, 102)
#6a6c90 #6a6c90 RGB(106, 108, 144)
#8199bb #8199bb RGB(129, 153, 187)
#3e2f52 #3e2f52 RGB(62, 47, 82)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4164df
#6a6c90
1.01
#4164df
#8199bb
1.75
#f68f5a
#8199bb
1.24
#381d66
#3e2f52
1.12
#6a6c90
#8199bb
1.73

Image palette Light ui styleguide dark typography colors png

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