Created at 09/30/2019 21:29
  0.23k

Web typography ui colors palette

#f23b43
#f45e3c
#0c1c34
#945494
#d7bba9
#212630
The palette consists of Semi dark, Light, Dark colors. Accent colors #f45e3c and #0c1c34. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #0C1C34 (darkest) to #D7BBA9 (lightest). The lightness range is wide.

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 warm.

HEX codes (sorted): #0C1C34, #212630, #945494, #D7BBA9, #F23B43, #F45E3C

Palette Web typography ui colors palette has combination of 6 codes colors:
HEX: #f23b43, RGB: (242, 59, 67); HEX: #f45e3c, RGB: (244, 94, 60); HEX: #0c1c34, RGB: (12, 28, 52)
HEX: #945494, RGB: (148, 84, 148); HEX: #d7bba9, RGB: (215, 187, 169); HEX: #212630, RGB: (33, 38, 48)
Simplified version of palette colors
Shade of crimson, Tint of tomato, Tint of midnightblue, Shade of mediumvioletred, Shade of tan, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

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

Color HEX RGB Name Alternative name
#f23b43 #f23b43 RGB(242, 59, 67)
#f45e3c #f45e3c RGB(244, 94, 60)
#0c1c34 #0c1c34 RGB(12, 28, 52)
#945494 #945494 RGB(148, 84, 148)
#d7bba9 #d7bba9 RGB(215, 187, 169)
#212630 #212630 RGB(33, 38, 48)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f23b43
#f45e3c
1.18
#f23b43
#945494
1.38
#f45e3c
#945494
1.64
#f45e3c
#d7bba9
1.77
#0c1c34
#212630
1.12

Image palette Web typography ui colors palette png