Created at 02/23/2020 08:53
CSS Framework Foundation 6 colors
Alert
#cc4b37
Warning
#ffae00
Success
#3adb76
Secondary
#767676
Primary
#1779ba
Light Gray
#e6e6e6
Medium Gray
#cacaca
Dark Gray
#8a8a8a
The palette consists of Light colors. Accent colors Warning #ffae00 and Primary #1779ba. Palette has Warm, Cool, Neutral colors temperature.
Palette CSS Framework Foundation 6 colors has combination of 8 codes colors:
HEX: #cc4b37, RGB: (204, 75, 55); HEX: #ffae00, RGB: (255, 174, 0); HEX: #3adb76, RGB: (58, 219, 118)
HEX: #767676, RGB: (118, 118, 118); HEX: #1779ba, RGB: (23, 121, 186); HEX: #e6e6e6, RGB: (230, 230, 230)
HEX: #cacaca, RGB: (202, 202, 202); HEX: #8a8a8a, RGB: (138, 138, 138)
Simplified version of palette colors
Tint of indianred, Shade of Orange, Tint of mediumspringgreen, Tint of Grey, Tint of steelblue, Shade of gainsboro, Shade of Silver, Shade of Grey
Color scheme was created by colorswall
Colors codes in palette
CSS Framework Foundation 6 colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #cc4b37 | RGB(204, 75, 55) | Alert | — | |
| #ffae00 | RGB(255, 174, 0) | Warning | — | |
| #3adb76 | RGB(58, 219, 118) | Success | — | |
| #767676 | RGB(118, 118, 118) | Secondary | — | |
| #1779ba | RGB(23, 121, 186) | Primary | — | |
| #e6e6e6 | RGB(230, 230, 230) | Light Gray | Extraordinary Abundance of Tinge | |
| #cacaca | RGB(202, 202, 202) | Medium Gray | — | |
| #8a8a8a | RGB(138, 138, 138) | Dark Gray | Gray54 |
Color Palette Contrast
14 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#cc4b37 | #767676 | 1 |
#cc4b37 | #1779ba | 1.03 |
#cc4b37 | #8a8a8a | 1.31 |
#ffae00 | #3adb76 | 1.02 |
#ffae00 | #e6e6e6 | 1.48 |
#ffae00 | #cacaca | 1.13 |
