Gumby CSS Framework colors palette
- primary#3085d6
- secondary#42a35a
- default#f2f2f2
- info#4a4d50
- danger#ca3838
- warning#f6b83f
- success#58c026
Created at 06/22/2018 08:39
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 moderate.
Overall saturation feels vivid (higher chroma) — 57% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (3 of 7).
HEX codes (sorted): #3085D6, #42A35A, #4A4D50, #58C026, #CA3838, #F2F2F2, #F6B83F
Palette Gumby CSS Framework colors palette combines 7 color codes:
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
Shade of Steel Blue, Shade of Medium Sea Green, Shade of White Smoke, Shade of Dim Gray, Tint of Crimson, Tint of Goldenrod, Tint of Lime Green
Color scheme was created by colorswall
Color 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: