Created at 01/22/2018 10:37
2
Trello Blue colors palette
Trello Blue 50
#e4f0f6
Trello Blue 100
#bcd9ea
Trello Blue 200
#8bbdd9
Trello Blue 300
#5ba4cf
Trello Blue 400
#298fca
Trello Blue 500
#0079bf
Trello Blue 600
#026aa7
Trello Blue 700
#055a8c
Trello Blue 800
#094c72
Trello Blue 900
#0c3953
The palette consists of Light, Semi dark, Dark colors. Accent colors Trello Blue 500 #0079bf and Trello Blue 600 #026aa7. Palette has Neutral, Cool colors temperature.
Palette Trello Blue colors palette has combination of 10 codes colors:
HEX: #e4f0f6, RGB: (228, 240, 246); HEX: #bcd9ea, RGB: (188, 217, 234); HEX: #8bbdd9, RGB: (139, 189, 217)
HEX: #5ba4cf, RGB: (91, 164, 207); HEX: #298fca, RGB: (41, 143, 202); HEX: #0079bf, RGB: (0, 121, 191)
HEX: #026aa7, RGB: (2, 106, 167); HEX: #055a8c, RGB: (5, 90, 140); HEX: #094c72, RGB: (9, 76, 114)
HEX: #0c3953, RGB: (12, 57, 83)
Simplified version of palette colors
Tint of aliceblue, Shade of lightblue, Tint of skyblue, Shade of cornflowerblue, Shade of steelblue, Tint of steelblue, Tint of steelblue, Tint of royalblue, Tint of darkslateblue, Shade of midnightblue
Color scheme was created by mz
Colors codes in palette
Trello Blue colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e4f0f6 | RGB(228, 240, 246) | Trello Blue 50 | — | |
| #bcd9ea | RGB(188, 217, 234) | Trello Blue 100 | — | |
| #8bbdd9 | RGB(139, 189, 217) | Trello Blue 200 | — | |
| #5ba4cf | RGB(91, 164, 207) | Trello Blue 300 | — | |
| #298fca | RGB(41, 143, 202) | Trello Blue 400 | — | |
| #0079bf | RGB(0, 121, 191) | Trello Blue 500 | — | |
| #026aa7 | RGB(2, 106, 167) | Trello Blue 600 | — | |
| #055a8c | RGB(5, 90, 140) | Trello Blue 700 | — | |
| #094c72 | RGB(9, 76, 114) | Trello Blue 800 | — | |
| #0c3953 | RGB(12, 57, 83) | Trello Blue 900 | — |
Color Palette Contrast
18 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e4f0f6 | #bcd9ea | 1.26 |
#e4f0f6 | #8bbdd9 | 1.74 |
#bcd9ea | #8bbdd9 | 1.37 |
#bcd9ea | #5ba4cf | 1.86 |
#8bbdd9 | #5ba4cf | 1.35 |
#8bbdd9 | #298fca | 1.76 |
