Created at 08/08/2022 09:17
App design ui ux online learning colors
Bronze (Metallic)
#b18c57
Dark Vanilla
#d4c1a4
Field Drab
#685726
Coconut
#9a5a46
Gray (X11)
#c2bfb9
Liver Chestnut (Horses)
#5a3c35
The palette consists of Light, Semi dark colors. Accent colors Field Drab #685726 and Coconut #9a5a46. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #685726 (darkest) to #C2BFB9 (lightest). The lightness range is moderate.
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 warm.
HEX codes (sorted): #5A3C35, #685726, #9A5A46, #B18C57, #C2BFB9, #D4C1A4
Palette App design ui ux online learning colors has combination of 6 codes colors:
HEX: #b18c57, RGB: (177, 140, 87); HEX: #d4c1a4, RGB: (212, 193, 164); HEX: #685726, RGB: (104, 87, 38)
HEX: #9a5a46, RGB: (154, 90, 70); HEX: #c2bfb9, RGB: (194, 191, 185); HEX: #5a3c35, RGB: (90, 60, 53)
Simplified version of palette colors
Tint of peru, Shade of tan, Tint of darkolivegreen, Shade of sienna, Tint of Silver, Tint of saddlebrown
Color scheme was created by colorswall
Colors codes in palette
App design ui ux online learning colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #b18c57 | #b18c57 | RGB(177, 140, 87) | Bronze (Metallic) | — |
| #d4c1a4 | #d4c1a4 | RGB(212, 193, 164) | Dark Vanilla | — |
| #685726 | #685726 | RGB(104, 87, 38) | Field Drab | — |
| #9a5a46 | #9a5a46 | RGB(154, 90, 70) | Coconut | — |
| #c2bfb9 | #c2bfb9 | RGB(194, 191, 185) | Gray (X11) | — |
| #5a3c35 | #5a3c35 | RGB(90, 60, 53) | Liver Chestnut (Horses) | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#b18c57 | #d4c1a4 | 1.77 |
#b18c57 | #9a5a46 | 1.72 |
#b18c57 | #c2bfb9 | 1.69 |
#d4c1a4 | #c2bfb9 | 1.04 |
#685726 | #9a5a46 | 1.31 |
#685726 | #5a3c35 | 1.39 |
Image palette App design ui ux online learning colors png
Export Palette
Download the "App design ui ux online learning colors" in multiple formats for seamless integration into your design projects.
Available formats: