Created at 05/18/2021 10:06
  0.21k

Design website app typography colors

  • #f4a454
  • #bd81e7
  • #430d7a
  • #a25e7e
  • #b298c8
  • #663d73
The palette consists of Light, Dark colors. Accent colors #f4a454 and #430d7a. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #430D7A (darkest) to #BD81E7 (lightest). The lightness range is moderate.

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

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #430D7A, #663D73, #A25E7E, #B298C8, #BD81E7, #F4A454

Palette Design website app typography colors has combination of 6 codes colors:
HEX: #f4a454, RGB: (244, 164, 84); HEX: #bd81e7, RGB: (189, 129, 231); HEX: #430d7a, RGB: (67, 13, 122)
HEX: #a25e7e, RGB: (162, 94, 126); HEX: #b298c8, RGB: (178, 152, 200); HEX: #663d73, RGB: (102, 61, 115)
Simplified version of palette colors
Tint of sandybrown, Shade of orchid, Shade of indigo, Shade of mediumvioletred, Tint of plum, Shade of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Design website app typography colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f4a454 #f4a454 RGB(244, 164, 84)
#bd81e7 #bd81e7 RGB(189, 129, 231)
#430d7a #430d7a RGB(67, 13, 122)
#a25e7e #a25e7e RGB(162, 94, 126)
#b298c8 #b298c8 RGB(178, 152, 200)
#663d73 #663d73 RGB(102, 61, 115)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f4a454
#bd81e7
1.37
#f4a454
#b298c8
1.25
#bd81e7
#a25e7e
1.68
#bd81e7
#b298c8
1.1
#430d7a
#663d73
1.57
#a25e7e
#b298c8
1.85

Image palette Design website app typography colors png