← Back to Editor

#A85432 · #7BA12B · #07B088 · #049BD6 · #59433F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A85432

Tangerine · Sienna · Amber Brown

HEX
#A85432
RGB
rgb(168, 84, 50)
HSL
hsl(17, 54%, 43%)
HSB
hsb(17, 70%, 66%)
CMYK
cmyk(0%, 50%, 70%, 34%)
Oklch
oklch(54.2% 0.120 41.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#7BA12B

Grass Green · Olive · Forest Green

HEX
#7BA12B
RGB
rgb(123, 161, 43)
HSL
hsl(79, 58%, 40%)
HSB
hsb(79, 73%, 63%)
CMYK
cmyk(24%, 0%, 73%, 37%)
Oklch
oklch(65.8% 0.149 126.0)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#07B088

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#07B088
RGB
rgb(7, 176, 136)
HSL
hsl(166, 92%, 36%)
HSB
hsb(166, 96%, 69%)
CMYK
cmyk(96%, 0%, 23%, 31%)
Oklch
oklch(67.3% 0.134 169.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#049BD6

Lake Blue · DodgerBlue · Mint Ice

HEX
#049BD6
RGB
rgb(4, 155, 214)
HSL
hsl(197, 96%, 43%)
HSB
hsb(197, 98%, 84%)
CMYK
cmyk(98%, 28%, 0%, 16%)
Oklch
oklch(65.1% 0.137 234.8)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#59433F

Crimson · DarkOliveGreen · Wine Red

HEX
#59433F
RGB
rgb(89, 67, 63)
HSL
hsl(9, 17%, 30%)
HSB
hsb(9, 29%, 35%)
CMYK
cmyk(0%, 25%, 29%, 65%)
Oklch
oklch(40.5% 0.031 30.3)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A85432
3287A9

Analogous

A9324C
A85432
A98F32

Triadic

A85432
32A954
5432A9

Split-Comp.

A85432
32A98F
324CA9

Tetradic

A85432
4CA932
3287A9
8F32A9

Contrast Matrix WCAG 2.1 Contrast

A85432
7BA12B
07B088
049BD6
59433F
—
1.8
Fail
1.9
Fail
1.7
Fail
1.7
Fail
1.8
Fail
—
1.1
Fail
1.0
Fail
3.0
AA Large
1.9
Fail
1.1
Fail
—
1.1
Fail
3.3
AA Large
1.7
Fail
1.0
Fail
1.1
Fail
—
2.9
Fail
1.7
Fail
3.0
AA Large
3.3
AA Large
2.9
Fail
—
White BG
5.3AA
3.0AA Large
2.8Fail
3.2AA Large
9.1AAA
Black BG
4.0AA Large
7.0AA
7.6AAA
6.7AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

84833A
8B8C48
505292
4547C8
4F4F40

Deuteranopia

898F3C
89864E
463A94
3D31C4
515240

Tritanopia

A44142
7D5E63
0F999B
0CBCBA
584141

Achromatopsia

696969
888888
797979
757575
494949

Shades & Tints Shades & Tints

#A85432

Dark
Light

#7BA12B

Dark
Light

#07B088

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a85432;
  --color-2: #7ba12b;
  --color-3: #07b088;
  --color-4: #049bd6;
  --color-5: #59433f;
}

SCSS

$color-1: #a85432;
$color-2: #7ba12b;
$color-3: #07b088;
$color-4: #049bd6;
$color-5: #59433f;

TAILWIND

colors: {
  'brand-1': '#a85432',
  'brand-2': '#7ba12b',
  'brand-3': '#07b088',
  'brand-4': '#049bd6',
  'brand-5': '#59433f',
}

RGB Array

[168, 84, 50], [123, 161, 43], [7, 176, 136], [4, 155, 214], [89, 67, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A85432, #7BA12B, #07B088, #049BD6, #59433F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a85432; --color-2: #7ba12b; --color-3: #07b088; --color-4: #049bd6; --color-5: #59433f. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color