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
Created at 01/22/2018 10:37
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) — 80% of colors are vivid.
An analogous palette: its hues sit close together on the color wheel, within about 2°.
Overall temperature among swatches leans cool (9 of 10).
HEX codes (sorted): #0079BF, #026AA7, #055A8C, #094C72, #0C3953, #298FCA, #5BA4CF, #8BBDD9, #BCD9EA, #E4F0F6
Palette Trello Blue colors palette combines 10 color codes:
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
Shade of Alice Blue, Tint of Light Blue, Shade of Sky Blue, Tint of Cornflower Blue, Tint of Steel Blue, Shade of Steel Blue, Shade of Steel Blue, Shade of Royal Blue, Shade of Dark Slate Blue, Tint of Midnight Blue
Color scheme was created by mz
Color 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: