Web page uiux website userinterface colors
- Ocean Blue#4844c4
- Blue Bell#9aa0df
- Ateneo Blue#0d396d
- Shiny Shamrock#4fa57a
- Cadet Blue (Crayola)#a6b9cd
- Dark Puce#443c44
Created at 03/05/2023 10:30
The palette consists of Semi dark, Light colors. Accent colors Ocean Blue #4844c4 and Ateneo Blue #0d396d. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #0D396D (darkest) to #A6B9CD (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 2 vivid out of 6 colors.
The hues stay in one region of the color wheel, spanning about 92°.
Overall temperature among swatches leans cool (5 of 6).
HEX codes (sorted): #0D396D, #443C44, #4844C4, #4FA57A, #9AA0DF, #A6B9CD
Palette Web page uiux website userinterface colors combines 6 color codes:
HEX: #4844c4, RGB: (72, 68, 196); HEX: #9aa0df, RGB: (154, 160, 223); HEX: #0d396d, RGB: (13, 57, 109)
HEX: #4fa57a, RGB: (79, 165, 122); HEX: #a6b9cd, RGB: (166, 185, 205); HEX: #443c44, RGB: (68, 60, 68)
Simplified version of palette colors
Shade of Slate Blue, Shade of Light Steel Blue, Shade of Dark Slate Blue, Shade of Medium Sea Green, Shade of Light Steel Blue, Shade of Dim Gray
Color scheme was created by bad_colors
Color codes in palette
Web page uiux website userinterface colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #4844c4 | #4844c4 | RGB(72, 68, 196) | Ocean Blue | — |
| #9aa0df | #9aa0df | RGB(154, 160, 223) | Blue Bell | — |
| #0d396d | #0d396d | RGB(13, 57, 109) | Ateneo Blue | — |
| #4fa57a | #4fa57a | RGB(79, 165, 122) | Shiny Shamrock | — |
| #a6b9cd | #a6b9cd | RGB(166, 185, 205) | Cadet Blue (Crayola) | — |
| #443c44 | #443c44 | RGB(68, 60, 68) | Dark Puce | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#4844c4 | #0d396d | 1.59 |
#4844c4 | #443c44 | 1.46 |
#9aa0df | #4fa57a | 1.21 |
#9aa0df | #a6b9cd | 1.23 |
#0d396d | #443c44 | 1.08 |
#4fa57a | #a6b9cd | 1.49 |
Image palette Web page uiux website userinterface colors png
Export Palette
Download the "Web page uiux website userinterface colors" in multiple formats for seamless integration into your design projects.
Available formats: