Created at 05/18/2021 08:37
  0.3k

Web design illustration webpage colors palette

  • #fcd41c
  • #dac176
  • #276c9f
  • #7c63a9
  • #c1b7d4
  • #3c5666
The palette consists of Light, Semi dark colors. Accent colors #fcd41c and #276c9f. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #3C5666 (darkest) to #C1B7D4 (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): #276C9F, #3C5666, #7C63A9, #C1B7D4, #DAC176, #FCD41C

Palette Web design illustration webpage colors palette has combination of 6 codes colors:
HEX: #fcd41c, RGB: (252, 212, 28); HEX: #dac176, RGB: (218, 193, 118); HEX: #276c9f, RGB: (39, 108, 159)
HEX: #7c63a9, RGB: (124, 99, 169); HEX: #c1b7d4, RGB: (193, 183, 212); HEX: #3c5666, RGB: (60, 86, 102)
Simplified version of palette colors
Shade of gold, Shade of darkkhaki, Tint of steelblue, Shade of slateblue, Tint of thistle, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Web design illustration webpage colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fcd41c #fcd41c RGB(252, 212, 28)
#dac176 #dac176 RGB(218, 193, 118)
#276c9f #276c9f RGB(39, 108, 159)
#7c63a9 #7c63a9 RGB(124, 99, 169)
#c1b7d4 #c1b7d4 RGB(193, 183, 212)
#3c5666 #3c5666 RGB(60, 86, 102)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fcd41c
#dac176
1.22
#fcd41c
#c1b7d4
1.32
#dac176
#c1b7d4
1.07
#276c9f
#7c63a9
1.12
#276c9f
#3c5666
1.37
#7c63a9
#3c5666
1.55

Image palette Web design illustration webpage colors palette png