Created at 01/22/2018 12:41
Trello Orange colors palette
Trello Orange 50
#fdf5ec
Trello Orange 100
#fce8d2
Trello Orange 200
#fad8b0
Trello Orange 300
#fdc788
Trello Orange 400
#ffb968
Trello Orange 500
#ffab4a
Trello Orange 600
#e99e40
Trello Orange 700
#d29034
Trello Orange 800
#bb8129
Trello Orange 900
#a0711c
The palette consists of Light colors. Accent colors Trello Orange 400 #ffb968 and Trello Orange 500 #ffab4a. Palette has Neutral, Warm colors temperature.
Palette Trello Orange colors palette has combination of 10 codes colors:
HEX: #fdf5ec, RGB: (253, 245, 236); HEX: #fce8d2, RGB: (252, 232, 210); HEX: #fad8b0, RGB: (250, 216, 176)
HEX: #fdc788, RGB: (253, 199, 136); HEX: #ffb968, RGB: (255, 185, 104); HEX: #ffab4a, RGB: (255, 171, 74)
HEX: #e99e40, RGB: (233, 158, 64); HEX: #d29034, RGB: (210, 144, 52); HEX: #bb8129, RGB: (187, 129, 41)
HEX: #a0711c, RGB: (160, 113, 28)
Simplified version of palette colors
Tint of floralwhite, Tint of antiquewhite, Tint of navajowhite, Shade of burlywood, Shade of sandybrown, Shade of sandybrown, Tint of sandybrown, Shade of peru, Shade of darkgoldenrod, Tint of darkgoldenrod
Color scheme was created by mz
Colors codes in palette
Trello Orange colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fdf5ec | RGB(253, 245, 236) | Trello Orange 50 | — | |
| #fce8d2 | RGB(252, 232, 210) | Trello Orange 100 | — | |
| #fad8b0 | RGB(250, 216, 176) | Trello Orange 200 | — | |
| #fdc788 | RGB(253, 199, 136) | Trello Orange 300 | — | |
| #ffb968 | RGB(255, 185, 104) | Trello Orange 400 | — | |
| #ffab4a | RGB(255, 171, 74) | Trello Orange 500 | — | |
| #e99e40 | RGB(233, 158, 64) | Trello Orange 600 | — | |
| #d29034 | RGB(210, 144, 52) | Trello Orange 700 | — | |
| #bb8129 | RGB(187, 129, 41) | Trello Orange 800 | — | |
| #a0711c | RGB(160, 113, 28) | Trello Orange 900 | — |
Color Palette Contrast
32 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fdf5ec | #fce8d2 | 1.1 |
#fdf5ec | #fad8b0 | 1.25 |
#fdf5ec | #fdc788 | 1.41 |
#fdf5ec | #ffb968 | 1.56 |
#fdf5ec | #ffab4a | 1.74 |
#fce8d2 | #fad8b0 | 1.13 |
