Created at 06/22/2018 08:39
Gumby CSS Framework colors palette
- primary#3085d6
- secondary#42a35a
- default#f2f2f2
- info#4a4d50
- danger#ca3838
- warning#f6b83f
- success#58c026
The palette consists of Light, Semi dark colors. Accent colors primary #3085d6 and warning #f6b83f. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #4A4D50 (darkest) to #F2F2F2 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #3085D6, #42A35A, #4A4D50, #58C026, #CA3838, #F2F2F2, #F6B83F
Palette Gumby CSS Framework colors palette has combination of 7 codes colors:
HEX: #3085d6, RGB: (48, 133, 214); HEX: #42a35a, RGB: (66, 163, 90); HEX: #f2f2f2, RGB: (242, 242, 242)
HEX: #4a4d50, RGB: (74, 77, 80); HEX: #ca3838, RGB: (202, 56, 56); HEX: #f6b83f, RGB: (246, 184, 63)
HEX: #58c026, RGB: (88, 192, 38)
Simplified version of palette colors
Tint of steelblue, Tint of mediumseagreen, Tint of whitesmoke, Tint of dimgrey, Shade of crimson, Shade of goldenrod, Shade of limegreen
Color scheme was created by colorswall
Colors codes in palette
Gumby CSS Framework colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3085d6 | #3085d6 | RGB(48, 133, 214) | primary | — |
| #42a35a | #42a35a | RGB(66, 163, 90) | secondary | — |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | default | Gray95 |
| #4a4d50 | #4a4d50 | RGB(74, 77, 80) | info | — |
| #ca3838 | #ca3838 | RGB(202, 56, 56) | danger | — |
| #f6b83f | #f6b83f | RGB(246, 184, 63) | warning | — |
| #58c026 | #58c026 | RGB(88, 192, 38) | success | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3085d6 | #42a35a | 1.21 |
#3085d6 | #ca3838 | 1.31 |
#3085d6 | #58c026 | 1.64 |
#42a35a | #ca3838 | 1.6 |
#42a35a | #f6b83f | 1.79 |
#42a35a | #58c026 | 1.35 |
Image palette Gumby CSS Framework colors palette png
Export Palette
Download the "Gumby CSS Framework colors palette" in multiple formats for seamless integration into your design projects.
Available formats: