Created at 02/24/2023 13:09
Mobile design pay app ui hex colors
- Orange-Yellow (Crayola)#f4cc6c
- Light Coral#f48484
- Dark Bronze#7b5909
- Sage#b7bc97
- Pastel Gray#c8d0ba
- Onyx#3c343c
The palette consists of Light, Semi dark colors. Accent colors Orange-Yellow (Crayola) #f4cc6c and Dark Bronze #7b5909. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #3C343C (darkest) to #C8D0BA (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
Hues sit in a neighboring band on the wheel, spanning about 82° (loose heuristic).
Overall temperature among swatches leans warm (3 of 6).
HEX codes (sorted): #3C343C, #7B5909, #B7BC97, #C8D0BA, #F48484, #F4CC6C
Palette Mobile design pay app ui hex colors has combination of 6 codes colors:
HEX: #f4cc6c, RGB: (244, 204, 108); HEX: #f48484, RGB: (244, 132, 132); HEX: #7b5909, RGB: (123, 89, 9)
HEX: #b7bc97, RGB: (183, 188, 151); HEX: #c8d0ba, RGB: (200, 208, 186); HEX: #3c343c, RGB: (60, 52, 60)
Simplified version of palette colors
Shade of gold, Shade of lightcoral, Shade of saddlebrown, Shade of darkkhaki, Tint of beige, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
Mobile design pay app ui hex colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #f4cc6c | #f4cc6c | RGB(244, 204, 108) | Orange-Yellow (Crayola) | — |
| #f48484 | #f48484 | RGB(244, 132, 132) | Light Coral | — |
| #7b5909 | #7b5909 | RGB(123, 89, 9) | Dark Bronze | — |
| #b7bc97 | #b7bc97 | RGB(183, 188, 151) | Sage | — |
| #c8d0ba | #c8d0ba | RGB(200, 208, 186) | Pastel Gray | — |
| #3c343c | #3c343c | RGB(60, 52, 60) | Onyx | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#f4cc6c | #f48484 | 1.61 |
#f4cc6c | #b7bc97 | 1.28 |
#f4cc6c | #c8d0ba | 1.03 |
#f48484 | #b7bc97 | 1.25 |
#f48484 | #c8d0ba | 1.55 |
#7b5909 | #3c343c | 1.87 |
Image palette Mobile design pay app ui hex colors png
Export Palette
Download the "Mobile design pay app ui hex colors" in multiple formats for seamless integration into your design projects.
Available formats: