Loading...
Created at 11/11/2022 12:01
Widget personalization user interface data colors
- Zomp#39ac8a
- Vivid Tangerine#fca88c
- Dark Spring Green#21634f
- Gray (HTML/CSS Gray)#7c7c84
- Columbia Blue#c5d6d5
- Black Olive#3c3c3c
The palette consists of Light, Semi dark colors. Accent colors Zomp #39ac8a and Vivid Tangerine #fca88c. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #3C3C3C (darkest) to #C5D6D5 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #21634F, #39AC8A, #3C3C3C, #7C7C84, #C5D6D5, #FCA88C
Palette Widget personalization user interface data colors has combination of 6 codes colors:
HEX: #39ac8a, RGB: (57, 172, 138); HEX: #fca88c, RGB: (252, 168, 140); HEX: #21634f, RGB: (33, 99, 79)
HEX: #7c7c84, RGB: (124, 124, 132); HEX: #c5d6d5, RGB: (197, 214, 213); HEX: #3c3c3c, RGB: (60, 60, 60)
Simplified version of palette colors
Tint of mediumseagreen, Shade of lightsalmon, Shade of darkslategrey, Tint of Grey, Tint of lightgrey, Tint of darkslategrey
Color scheme was created by palettespicker
Colors codes in palette
Widget personalization user interface data colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #39ac8a | #39ac8a | RGB(57, 172, 138) | Zomp | — |
| #fca88c | #fca88c | RGB(252, 168, 140) | Vivid Tangerine | — |
| #21634f | #21634f | RGB(33, 99, 79) | Dark Spring Green | — |
| #7c7c84 | #7c7c84 | RGB(124, 124, 132) | Gray (HTML/CSS Gray) | — |
| #c5d6d5 | #c5d6d5 | RGB(197, 214, 213) | Columbia Blue | — |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Black Olive | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#39ac8a | #fca88c | 1.49 |
#39ac8a | #7c7c84 | 1.46 |
#39ac8a | #c5d6d5 | 1.87 |
#fca88c | #c5d6d5 | 1.25 |
#21634f | #7c7c84 | 1.71 |
#21634f | #3c3c3c | 1.55 |
Image palette Widget personalization user interface data colors png
Export Palette
Download the "Widget personalization user interface data colors" in multiple formats for seamless integration into your design projects.
Available formats: