Created at 12/16/2017 13:43
1
Red palette Materialize CSS
red-lighten-5
#ffebee
red-lighten-4
#ffcdd2
red-lighten-3
#ef9a9a
red-lighten-2
#e57373
red-lighten-1
#ef5350
red
#f44336
red-darken-1
#e53935
red-darken-2
#d32f2f
red-darken-3
#c62828
red-darken-4
#b71c1c
red-accent-1
#ff8a80
red-accent-2
#ff5252
red-accent-3
#ff1744
red-accent-4
#d50000
The palette consists of Light, Semi dark, Dark colors. Accent colors red-lighten-5 #ffebee and red-lighten-4 #ffcdd2. Palette has Neutral, Warm colors temperature.
Palette Red palette Materialize CSS has combination of 14 codes colors:
HEX: #ffebee, RGB: (255, 235, 238); HEX: #ffcdd2, RGB: (255, 205, 210); HEX: #ef9a9a, RGB: (239, 154, 154)
HEX: #e57373, RGB: (229, 115, 115); HEX: #ef5350, RGB: (239, 83, 80); HEX: #f44336, RGB: (244, 67, 54)
HEX: #e53935, RGB: (229, 57, 53); HEX: #d32f2f, RGB: (211, 47, 47); HEX: #c62828, RGB: (198, 40, 40)
HEX: #b71c1c, RGB: (183, 28, 28); HEX: #ff8a80, RGB: (255, 138, 128); HEX: #ff5252, RGB: (255, 82, 82)
HEX: #ff1744, RGB: (255, 23, 68); HEX: #d50000, RGB: (213, 0, 0)
Simplified version of palette colors
Tint of lavenderblush, Shade of Pink, Shade of lightcoral, Tint of lightcoral, Shade of indianred, Tint of tomato, Shade of Red, Shade of crimson, Shade of firebrick, Tint of firebrick, Shade of salmon, Tint of tomato, Shade of crimson, Tint of firebrick
Color scheme was created by mz
Colors codes in palette
Red palette Materialize CSS color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffebee | RGB(255, 235, 238) | red-lighten-5 | Just Pink Enough | |
| #ffcdd2 | RGB(255, 205, 210) | red-lighten-4 | — | |
| #ef9a9a | RGB(239, 154, 154) | red-lighten-3 | — | |
| #e57373 | RGB(229, 115, 115) | red-lighten-2 | — | |
| #ef5350 | RGB(239, 83, 80) | red-lighten-1 | — | |
| #f44336 | RGB(244, 67, 54) | red | — | |
| #e53935 | RGB(229, 57, 53) | red-darken-1 | — | |
| #d32f2f | RGB(211, 47, 47) | red-darken-2 | — | |
| #c62828 | RGB(198, 40, 40) | red-darken-3 | — | |
| #b71c1c | RGB(183, 28, 28) | red-darken-4 | — | |
| #ff8a80 | RGB(255, 138, 128) | red-accent-1 | — | |
| #ff5252 | RGB(255, 82, 82) | red-accent-2 | — | |
| #ff1744 | RGB(255, 23, 68) | red-accent-3 | — | |
| #d50000 | RGB(213, 0, 0) | red-accent-4 | — |
Color Palette Contrast
61 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffebee | #ffcdd2 | 1.23 |
#ffebee | #ef9a9a | 1.88 |
#ffebee | #ff8a80 | 1.99 |
#ffcdd2 | #ef9a9a | 1.52 |
#ffcdd2 | #ff8a80 | 1.62 |
#ef9a9a | #e57373 | 1.38 |
