Created at 09/08/2023 12:14
  49

Artwork web design interaction article palette

  • Black
    #141414
  • White
    #ffffff
  • Anti-Flash White
    #f0f0f0
  • Pewter Blue
    #8cb4b4
  • Weldon Blue
    #78a0b4
  • White
    #dcdcdc
Loading...
The palette consists of Dark, Light colors. Accent colors White #ffffff and Weldon Blue #78a0b4. Palette has Neutral, Cool colors temperature.

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

Overall saturation feels mostly muted (lower chroma) — 83% of colors are muted.

Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.

Most swatches read as neutral in color temperature (4 of 6).

HEX codes (sorted): #141414, #78A0B4, #8CB4B4, #DCDCDC, #F0F0F0, #FFFFFF

Palette Artwork web design interaction article palette has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #8cb4b4, RGB: (140, 180, 180); HEX: #78a0b4, RGB: (120, 160, 180); HEX: #dcdcdc, RGB: (220, 220, 220)
Simplified version of palette colors
Shade of Black, White, Tint of whitesmoke, Shade of cadetblue, Shade of lightslategrey
Color scheme was created by colorslib

Colors codes in palette

Artwork web design interaction article palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#141414 #141414 RGB(20, 20, 20)BlackSooty
#ffffff #ffffff RGB(255, 255, 255)White
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94
#8cb4b4 #8cb4b4 RGB(140, 180, 180)Pewter Blue
#78a0b4 #78a0b4 RGB(120, 160, 180)Weldon Blue
#dcdcdc #dcdcdc RGB(220, 220, 220)WhiteGainsboro

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffffff
#f0f0f0
1.13
#ffffff
#dcdcdc
1.37
#f0f0f0
#8cb4b4
1.98
#f0f0f0
#dcdcdc
1.2
#8cb4b4
#78a0b4
1.24
#8cb4b4
#dcdcdc
1.64

Image palette Artwork web design interaction article palette png

Loading...
Loading...