Created at 07/06/2022 12:07
Website education school redesign
Maximum Blue
#45aec6
Sea Serpent
#62c4d7
Medium Jungle Green
#142c2c
Steel Teal
#528d98
Columbia Blue
#bfdbe0
Ming
#3a6b77
The palette consists of Light, Dark, Semi dark colors. Accent colors Maximum Blue #45aec6 and Sea Serpent #62c4d7. Palette has Cool colors temperature.
By lightness, this palette runs from #142C2C (darkest) to #BFDBE0 (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #142C2C, #3A6B77, #45AEC6, #528D98, #62C4D7, #BFDBE0
Palette Website education school redesign has combination of 6 codes colors:
HEX: #45aec6, RGB: (69, 174, 198); HEX: #62c4d7, RGB: (98, 196, 215); HEX: #142c2c, RGB: (20, 44, 44)
HEX: #528d98, RGB: (82, 141, 152); HEX: #bfdbe0, RGB: (191, 219, 224); HEX: #3a6b77, RGB: (58, 107, 119)
Simplified version of palette colors
Shade of cadetblue, Tint of skyblue, Tint of darkslategrey, Tint of cadetblue, Shade of lightblue, Shade of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Website education school redesign color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #45aec6 | #45aec6 | RGB(69, 174, 198) | Maximum Blue | — |
| #62c4d7 | #62c4d7 | RGB(98, 196, 215) | Sea Serpent | — |
| #142c2c | #142c2c | RGB(20, 44, 44) | Medium Jungle Green | — |
| #528d98 | #528d98 | RGB(82, 141, 152) | Steel Teal | — |
| #bfdbe0 | #bfdbe0 | RGB(191, 219, 224) | Columbia Blue | — |
| #3a6b77 | #3a6b77 | RGB(58, 107, 119) | Ming | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#45aec6 | #62c4d7 | 1.27 |
#45aec6 | #528d98 | 1.44 |
#45aec6 | #bfdbe0 | 1.77 |
#62c4d7 | #528d98 | 1.84 |
#62c4d7 | #bfdbe0 | 1.38 |
#528d98 | #3a6b77 | 1.58 |
Image palette Website education school redesign png
Export Palette
Download the "Website education school redesign" in multiple formats for seamless integration into your design projects.
Available formats: