Fitness app coach health ui design hex colors
- Cobalt Blue#0c4cad
- Bright Lavender#c395e6
- Air Force Blue (USAF)#08348c
- Bud Green#79a850
- Cadet Blue (Crayola)#a7b7c8
- Royal Brown#573c2c
Fitness app coach health ui design hex colors has 6 colors spread across many hues. The lightest color is Cadet Blue (Crayola) (#A7B7C8), the darkest Air Force Blue (USAF) (#08348C). Its strongest contrast pair is #08348C on #A7B7C8 (5.4:1, WCAG AA).
By lightness, this palette runs from #08348C (darkest) to #A7B7C8 (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 3 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (5 of 6).
HEX codes (sorted): #08348C, #0C4CAD, #573C2C, #79A850, #A7B7C8, #C395E6
Color codes in palette
Fitness app coach health ui design hex colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #0c4cad | #0c4cad | RGB(12, 76, 173) | Cobalt Blue | — |
| #c395e6 | #c395e6 | RGB(195, 149, 230) | Bright Lavender | — |
| #08348c | #08348c | RGB(8, 52, 140) | Air Force Blue (USAF) | — |
| #79a850 | #79a850 | RGB(121, 168, 80) | Bud Green | — |
| #a7b7c8 | #a7b7c8 | RGB(167, 183, 200) | Cadet Blue (Crayola) | — |
| #573c2c | #573c2c | RGB(87, 60, 44) | Royal Brown | — |
Color Palette Contrast
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#0c4cad | #08348c | 1.41 |
#0c4cad | #573c2c | 1.27 |
#c395e6 | #79a850 | 1.16 |
#c395e6 | #a7b7c8 | 1.16 |
#08348c | #573c2c | 1.11 |
#79a850 | #a7b7c8 | 1.36 |
Image palette Fitness app coach health ui design hex colors png
Export Palette
Available formats: