Created at 06/22/2018 09:02
Wing CSS framework colors palette
black
#111111
gray
#a7a7a7
white
#f5f5f5
blue
#0062ff
red
#ff1500
yellow
#ffbf00
green
#00b30f
The palette consists of Dark, Light, Semi dark colors. Accent colors blue #0062ff and yellow #ffbf00. Palette has Neutral, Cool, Warm colors temperature.
Palette Wing CSS framework colors palette has combination of 7 codes colors:
HEX: #111111, RGB: (17, 17, 17); HEX: #a7a7a7, RGB: (167, 167, 167); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #0062ff, RGB: (0, 98, 255); HEX: #ff1500, RGB: (255, 21, 0); HEX: #ffbf00, RGB: (255, 191, 0)
HEX: #00b30f, RGB: (0, 179, 15)
Simplified version of palette colors
Shade of Black, Tint of darkgrey, whitesmoke, Tint of royalblue, Shade of Red, Shade of goldenrod, Tint of limegreen
Color scheme was created by colorswall
Colors codes in palette
Wing CSS framework colors palette color codes HEX, RGB information in table
Color | HEX | RGB | Name | Alternative name |
#111111 | RGB(17, 17, 17) | black | Dreamless Sleep | |
#a7a7a7 | RGB(167, 167, 167) | gray | Moon Landing | |
#f5f5f5 | RGB(245, 245, 245) | white | White Smoke | |
#0062ff | RGB(0, 98, 255) | blue | — | |
#ff1500 | RGB(255, 21, 0) | red | Carolina Reaper | |
#ffbf00 | RGB(255, 191, 0) | yellow | Amber | |
#00b30f | RGB(0, 179, 15) | green | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
Text Color | Background Color | Contrast Ratio |
#a7a7a7 | #ff1500 | 1.62 |
#a7a7a7 | #ffbf00 | 1.45 |
#a7a7a7 | #00b30f | 1.17 |
#f5f5f5 | #ffbf00 | 1.51 |
#0062ff | #ff1500 | 1.27 |
#0062ff | #00b30f | 1.77 |