Vuesax Framework Components for Vuejs Default Colors palette
- Primary - blue#195bff
- Success - green#46c93a
- Danger - red#ff4757
- Warn - yellow#ffba00
- Dark - black#1e1e1e
Created at 12/31/2021 20:26
The palette consists of Semi dark, Light, Dark colors. Accent colors Primary - blue #195bff and Warn - yellow #ffba00. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1E1E1E (darkest) to #FFBA00 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma) — 80% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (2 warm, 2 cool).
HEX codes (sorted): #195BFF, #1E1E1E, #46C93A, #FF4757, #FFBA00
Palette Vuesax Framework Components for Vuejs Default Colors palette combines 5 color codes:
HEX: #195bff, RGB: (25, 91, 255); HEX: #46c93a, RGB: (70, 201, 58); HEX: #ff4757, RGB: (255, 71, 87)
HEX: #ffba00, RGB: (255, 186, 0); HEX: #1e1e1e, RGB: (30, 30, 30)
Simplified version of palette colors
Shade of Royal Blue, Tint of Lime Green, Tint of Indian Red, Tint of Goldenrod, Tint of Black
Color scheme was created by colorswall
Color codes in palette
Vuesax Framework Components for Vuejs Default Colors palette color codes HEX, RGB information in table
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#195bff | #ff4757 | 1.57 |
#46c93a | #ff4757 | 1.53 |
#46c93a | #ffba00 | 1.26 |
#ff4757 | #ffba00 | 1.95 |
Image palette Vuesax Framework Components for Vuejs Default Colors palette png
Export Palette
Download the "Vuesax Framework Components for Vuejs Default Colors palette" in multiple formats for seamless integration into your design projects.
Available formats: