Created at 01/23/2018 10:42
1
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
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 0 | White | |
#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 600 | Carbon | |
#222222 | RGB(34, 34, 34) | Trello Shades 700 | Black Out | |
#000000 | RGB(0, 0, 0) | Trello Shades 900 | Black |
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 |