Created at 03/23/2024 22:37
Materially
Materially
#6e9bbc
#7da5c3
#8bafc9
#9ab9d0
#a8c3d7
#b7cdde
#c5d7e4
#d4e1eb
#e2ebf2
#f1f5f8
White
#ffffff
The palette consists of Light colors. Accent colors #e2ebf2 and White #ffffff. Palette has Cool, Neutral colors temperature.
Palette Materially has combination of 11 codes colors:
HEX: #6e9bbc, RGB: (110, 155, 188); HEX: #7da5c3, RGB: (125, 165, 195); HEX: #8bafc9, RGB: (139, 175, 201)
HEX: #9ab9d0, RGB: (154, 185, 208); HEX: #a8c3d7, RGB: (168, 195, 215); HEX: #b7cdde, RGB: (183, 205, 222)
HEX: #c5d7e4, RGB: (197, 215, 228); HEX: #d4e1eb, RGB: (212, 225, 235); HEX: #e2ebf2, RGB: (226, 235, 242)
HEX: #f1f5f8, RGB: (241, 245, 248); HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Shade of cornflowerblue, Shade of cornflowerblue, Tint of lightsteelblue, Tint of lightsteelblue, Tint of lightsteelblue, Shade of lightsteelblue, Shade of lightsteelblue, Tint of aliceblue, Tint of aliceblue, Tint of aliceblue, White
Color scheme was created by MVS9966
Colors codes in palette
Materially color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #6e9bbc | RGB(110, 155, 188) | Materially | — | |
| #7da5c3 | RGB(125, 165, 195) | — | — | |
| #8bafc9 | RGB(139, 175, 201) | — | — | |
| #9ab9d0 | RGB(154, 185, 208) | — | — | |
| #a8c3d7 | RGB(168, 195, 215) | — | — | |
| #b7cdde | RGB(183, 205, 222) | — | — | |
| #c5d7e4 | RGB(197, 215, 228) | — | — | |
| #d4e1eb | RGB(212, 225, 235) | — | — | |
| #e2ebf2 | RGB(226, 235, 242) | — | — | |
| #f1f5f8 | RGB(241, 245, 248) | — | — | |
| #ffffff | RGB(255, 255, 255) | White | — |
Color Palette Contrast
44 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#6e9bbc | #7da5c3 | 1.13 |
#6e9bbc | #8bafc9 | 1.28 |
#6e9bbc | #9ab9d0 | 1.44 |
#6e9bbc | #a8c3d7 | 1.61 |
#6e9bbc | #b7cdde | 1.8 |
#7da5c3 | #8bafc9 | 1.12 |
