Created at 10/04/2023 06:22
Pixii Material design
Red
#f44336
Pink
#e81e63
Purple
#9c27b0
Deep Purple
#673ab7
Indigo
#3f51b5
Blue
#2196f3
Light Blue
#03a9f4
Teal
#009688
Green
#4caf50
Light Green
#8bc34a
Lime
#cddc39
Yellow
#ffeb3b
Amber
#ffc107
Orange
#ff9800
Deep Orange
#ff5722
Brown
#795548
Gray
#9e9e9e
Blue Gray
#607d8b
The palette consists of Light, Semi dark colors. Accent colors Teal #009688 and Yellow #ffeb3b. Palette has Warm, Cool, Neutral colors temperature.
Palette Pixii Material design has combination of 18 codes colors:
HEX: #f44336, RGB: (244, 67, 54); HEX: #e81e63, RGB: (232, 30, 99); HEX: #9c27b0, RGB: (156, 39, 176)
HEX: #673ab7, RGB: (103, 58, 183); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #03a9f4, RGB: (3, 169, 244); HEX: #009688, RGB: (0, 150, 136); HEX: #4caf50, RGB: (76, 175, 80)
HEX: #8bc34a, RGB: (139, 195, 74); HEX: #cddc39, RGB: (205, 220, 57); HEX: #ffeb3b, RGB: (255, 235, 59)
HEX: #ffc107, RGB: (255, 193, 7); HEX: #ff9800, RGB: (255, 152, 0); HEX: #ff5722, RGB: (255, 87, 34)
HEX: #795548, RGB: (121, 85, 72); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #607d8b, RGB: (96, 125, 139)
Simplified version of palette colors
Tint of tomato, Shade of crimson, Tint of darkorchid, Tint of blueviolet, Tint of slateblue, Shade of dodgerblue, Tint of deepskyblue, Shade of darkcyan, Tint of mediumseagreen, Tint of Yellowgreen, Shade of Yellowgreen, Tint of Yellow, Tint of gold, Shade of darkorange, Shade of orangered, Tint of sienna, Tint of darkgrey, Tint of slategrey
Color scheme was created by borgebjelland
Colors codes in palette
Pixii Material design color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f44336 | RGB(244, 67, 54) | Red | — | |
| #e81e63 | RGB(232, 30, 99) | Pink | — | |
| #9c27b0 | RGB(156, 39, 176) | Purple | — | |
| #673ab7 | RGB(103, 58, 183) | Deep Purple | — | |
| #3f51b5 | RGB(63, 81, 181) | Indigo | — | |
| #2196f3 | RGB(33, 150, 243) | Blue | — | |
| #03a9f4 | RGB(3, 169, 244) | Light Blue | — | |
| #009688 | RGB(0, 150, 136) | Teal | — | |
| #4caf50 | RGB(76, 175, 80) | Green | — | |
| #8bc34a | RGB(139, 195, 74) | Light Green | — | |
| #cddc39 | RGB(205, 220, 57) | Lime | — | |
| #ffeb3b | RGB(255, 235, 59) | Yellow | — | |
| #ffc107 | RGB(255, 193, 7) | Amber | — | |
| #ff9800 | RGB(255, 152, 0) | Orange | — | |
| #ff5722 | RGB(255, 87, 34) | Deep Orange | — | |
| #795548 | RGB(121, 85, 72) | Brown | — | |
| #9e9e9e | RGB(158, 158, 158) | Gray | Gray62 | |
| #607d8b | RGB(96, 125, 139) | Blue Gray | — |
Color Palette Contrast
91 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f44336 | #e81e63 | 1.18 |
#f44336 | #9c27b0 | 1.71 |
#f44336 | #673ab7 | 1.98 |
#f44336 | #3f51b5 | 1.86 |
#f44336 | #2196f3 | 1.17 |
#f44336 | #03a9f4 | 1.4 |
