Loading...
Created at 05/01/2023 12:02
  50

Web interaction scroll architecture colors

  • Black
    #141414
  • Pastel Blue
    #b4c8c8
  • Anti-Flash White
    #f0f0f0
  • White
    #ffffff
  • White
    #dcdcdc
  • Chinese Silver
    #c8c8c8
Loading...
The palette consists of Dark, Light colors. Accent colors Pastel Blue #b4c8c8 and White #ffffff. 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).

Chromatic content centers on a single hue direction; neutrals/grays reduce contrast between families (loose heuristic).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #141414, #B4C8C8, #C8C8C8, #DCDCDC, #F0F0F0, #FFFFFF

Palette Web interaction scroll architecture colors has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #b4c8c8, RGB: (180, 200, 200); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #c8c8c8, RGB: (200, 200, 200)
Simplified version of palette colors
Shade of Black, Tint of lightblue, Tint of whitesmoke, White, Shade of Silver
Color scheme was created by colourlock

Colors codes in palette

Web interaction scroll architecture colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#141414 #141414 RGB(20, 20, 20)BlackSooty
#b4c8c8 #b4c8c8 RGB(180, 200, 200)Pastel Blue
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94
#ffffff #ffffff RGB(255, 255, 255)White
#dcdcdc #dcdcdc RGB(220, 220, 220)WhiteGainsboro
#c8c8c8 #c8c8c8 RGB(200, 200, 200)Chinese Silver

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b4c8c8
#f0f0f0
1.53
#b4c8c8
#ffffff
1.74
#b4c8c8
#dcdcdc
1.27
#b4c8c8
#c8c8c8
1.04
#f0f0f0
#ffffff
1.13
#f0f0f0
#dcdcdc
1.2

Image palette Web interaction scroll architecture colors png

Loading...
Loading...
Loading...