Created at 03/30/2023 08:50
Web page home webpage uiux palette
- Rackley#4c8ca0
- Pale Robin Egg Blue#92e2cc
- Japanese Indigo#243d4c
- Rackley#5990aa
- Gray (X11)#bcc4bc
- Charcoal#2c4254
The palette consists of Light colors. Accent colors Pale Robin Egg Blue #92e2cc and Japanese Indigo #243d4c. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #243D4C (darkest) to #BCC4BC (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #243D4C, #2C4254, #4C8CA0, #5990AA, #92E2CC, #BCC4BC
Palette Web page home webpage uiux palette has combination of 6 codes colors:
HEX: #4c8ca0, RGB: (76, 140, 160); HEX: #92e2cc, RGB: (146, 226, 204); HEX: #243d4c, RGB: (36, 61, 76)
HEX: #5990aa, RGB: (89, 144, 170); HEX: #bcc4bc, RGB: (188, 196, 188); HEX: #2c4254, RGB: (44, 66, 84)
Simplified version of palette colors
Tint of cadetblue, Shade of mediumaquamarine, Tint of darkslategrey, Shade of steelblue, Shade of Silver, Tint of darkslateblue
Color scheme was created by raccoon
Colors codes in palette
Web page home webpage uiux palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #4c8ca0 | #4c8ca0 | RGB(76, 140, 160) | Rackley | — |
| #92e2cc | #92e2cc | RGB(146, 226, 204) | Pale Robin Egg Blue | — |
| #243d4c | #243d4c | RGB(36, 61, 76) | Japanese Indigo | — |
| #5990aa | #5990aa | RGB(89, 144, 170) | Rackley | — |
| #bcc4bc | #bcc4bc | RGB(188, 196, 188) | Gray (X11) | — |
| #2c4254 | #2c4254 | RGB(44, 66, 84) | Charcoal | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#4c8ca0 | #5990aa | 1.07 |
#92e2cc | #bcc4bc | 1.18 |
#243d4c | #2c4254 | 1.09 |
#5990aa | #bcc4bc | 1.96 |
Image palette Web page home webpage uiux palette png
Export Palette
Download the "Web page home webpage uiux palette" in multiple formats for seamless integration into your design projects.
Available formats: