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.
By lightness, this palette runs from #0C3953 (darkest) to #E4F0F6 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #0079BF, #026AA7, #055A8C, #094C72, #0C3953, #298FCA, #5BA4CF, #8BBDD9, #BCD9EA, #E4F0F6
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
More palettes with:
Colors codes in palette
Trello Blue colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e4f0f6 | #e4f0f6 | RGB(228, 240, 246) | Trello Blue 50 | — |
| #bcd9ea | #bcd9ea | RGB(188, 217, 234) | Trello Blue 100 | — |
| #8bbdd9 | #8bbdd9 | RGB(139, 189, 217) | Trello Blue 200 | — |
| #5ba4cf | #5ba4cf | RGB(91, 164, 207) | Trello Blue 300 | — |
| #298fca | #298fca | RGB(41, 143, 202) | Trello Blue 400 | — |
| #0079bf | #0079bf | RGB(0, 121, 191) | Trello Blue 500 | — |
| #026aa7 | #026aa7 | RGB(2, 106, 167) | Trello Blue 600 | — |
| #055a8c | #055a8c | RGB(5, 90, 140) | Trello Blue 700 | — |
| #094c72 | #094c72 | RGB(9, 76, 114) | Trello Blue 800 | — |
| #0c3953 | #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 |
Image palette Trello Blue colors palette png
Export Palette
Download the "Trello Blue colors palette" in multiple formats for seamless integration into your design projects.
Available formats: