Created at 11/05/2020 21:13
  0.19k

Web design typography ui colors

  • #fb04bb
  • #fc7cdb
  • #880465
  • #960270
  • #960270
  • #111225
The palette consists of Light, Dark colors. Accent colors #960270 and #960270. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #111225 (darkest) to #FC7CDB (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #111225, #880465, #960270, #FB04BB, #FC7CDB

Palette Web design typography ui colors has combination of 6 codes colors:
HEX: #fb04bb, RGB: (251, 4, 187); HEX: #fc7cdb, RGB: (252, 124, 219); HEX: #880465, RGB: (136, 4, 101)
HEX: #960270, RGB: (150, 2, 112); HEX: #960270, RGB: (150, 2, 112); HEX: #111225, RGB: (17, 18, 37)
Simplified version of palette colors
Tint of deeppink, Tint of violet, Shade of Purple, Shade of Purple, Shade of Purple, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

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

Color HEX RGB Name Alternative name
#fb04bb #fb04bb RGB(251, 4, 187)
#fc7cdb #fc7cdb RGB(252, 124, 219)
#880465 #880465 RGB(136, 4, 101)
#960270 #960270 RGB(150, 2, 112)
#960270 #960270 RGB(150, 2, 112)
#111225 #111225 RGB(17, 18, 37)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fb04bb
#fc7cdb
1.54
#880465
#960270
1.12
#880465
#960270
1.12
#880465
#111225
1.98
#960270
#960270
1

Image palette Web design typography ui colors png