Created at 01/23/2018 10:42
bymz
  0.98k

Trello Shades palette

Trello Shades 0
#ffffff
Trello Shades 50
#f8f9f9
Trello Shades 100
#edeff0
Trello Shades 200
#e2e4e6
Trello Shades 300
#d6dadc
Trello Shades 400
#838c91
Trello Shades 500
#676d70
Trello Shades 600
#333333
Trello Shades 700
#222222
Trello Shades 900
#000000
Sign In to save palette in collection
The palette consists of Light, Dark colors. Accent colors Trello Shades 0 #ffffff and Trello Shades 100 #edeff0. Palette has Neutral, Cool colors temperature.
Palette Trello Shades palette has combination of 10 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #f8f9f9, RGB: (248, 249, 249); HEX: #edeff0, RGB: (237, 239, 240)
HEX: #e2e4e6, RGB: (226, 228, 230); HEX: #d6dadc, RGB: (214, 218, 220); HEX: #838c91, RGB: (131, 140, 145)
HEX: #676d70, RGB: (103, 109, 112); HEX: #333333, RGB: (51, 51, 51); HEX: #222222, RGB: (34, 34, 34)
HEX: #000000, RGB: (0, 0, 0)
Simplified version of palette colors
White, Shade of whitesmoke, Tint of whitesmoke, Shade of gainsboro, Tint of gainsboro, Shade of lightslategrey, Shade of dimgrey, Shade of Black, Shade of Black, Black
Color scheme was created by mz

Colors codes in palette

Trello Shades palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffffff RGB(255, 255, 255)Trello Shades 0White
#f8f9f9 RGB(248, 249, 249)Trello Shades 50
#edeff0 RGB(237, 239, 240)Trello Shades 100
#e2e4e6 RGB(226, 228, 230)Trello Shades 200
#d6dadc RGB(214, 218, 220)Trello Shades 300
#838c91 RGB(131, 140, 145)Trello Shades 400
#676d70 RGB(103, 109, 112)Trello Shades 500
#333333 RGB(51, 51, 51)Trello Shades 600Carbon
#222222 RGB(34, 34, 34)Trello Shades 700Black Out
#000000 RGB(0, 0, 0)Trello Shades 900Black

Color Palette Contrast

14 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffffff
#f8f9f9
1.05
#ffffff
#edeff0
1.15
#ffffff
#e2e4e6
1.27
#ffffff
#d6dadc
1.4
#f8f9f9
#edeff0
1.09
#f8f9f9
#e2e4e6
1.2

Image palette Trello Shades palette png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes