Loading...
Created at 02/20/2020 14:04
  0.25k

Typeface web design home screen page palette

  • #0c0bc4
  • #f4646c
  • #080464
  • #5e5e94
  • #beb6c8
  • #3b3c41
Loading...
The palette consists of Dark, Light, Semi dark colors. Accent colors #0c0bc4 and #080464. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #080464 (darkest) to #BEB6C8 (lightest). The lightness range is moderate.

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

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #080464, #0C0BC4, #3B3C41, #5E5E94, #BEB6C8, #F4646C

Palette Typeface web design home screen page palette has combination of 6 codes colors:
HEX: #0c0bc4, RGB: (12, 11, 196); HEX: #f4646c, RGB: (244, 100, 108); HEX: #080464, RGB: (8, 4, 100)
HEX: #5e5e94, RGB: (94, 94, 148); HEX: #beb6c8, RGB: (190, 182, 200); HEX: #3b3c41, RGB: (59, 60, 65)
Simplified version of palette colors
Shade of mediumblue, Tint of lightcoral, Shade of Navy, Tint of slateblue, Tint of thistle, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Typeface web design home screen page palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0c0bc4 #0c0bc4 RGB(12, 11, 196)
#f4646c #f4646c RGB(244, 100, 108)
#080464 #080464 RGB(8, 4, 100)
#5e5e94 #5e5e94 RGB(94, 94, 148)
#beb6c8 #beb6c8 RGB(190, 182, 200)
#3b3c41 #3b3c41 RGB(59, 60, 65)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0c0bc4
#080464
1.53
#0c0bc4
#5e5e94
1.88
#0c0bc4
#3b3c41
1.02
#f4646c
#5e5e94
1.96
#f4646c
#beb6c8
1.55
#080464
#3b3c41
1.57

Image palette Typeface web design home screen page palette png

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