← Back to Editor

#A88855 · #BA8609 · #7E6448 · #EB6C19 · #F0B45E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A88855

Ochre · Gray · Amber Brown

HEX
#A88855
RGB
rgb(168, 136, 85)
HSL
hsl(37, 33%, 50%)
HSB
hsb(37, 49%, 66%)
CMYK
cmyk(0%, 19%, 49%, 34%)
Oklch
oklch(64.5% 0.079 78.3)

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

#BA8609

Ochre · DarkGoldenRod · Honey Gold

HEX
#BA8609
RGB
rgb(186, 134, 9)
HSL
hsl(42, 91%, 38%)
HSB
hsb(42, 95%, 73%)
CMYK
cmyk(0%, 28%, 95%, 27%)
Oklch
oklch(65.4% 0.133 80.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#7E6448

Ochre · DimGray · Amber Brown

HEX
#7E6448
RGB
rgb(126, 100, 72)
HSL
hsl(31, 27%, 39%)
HSB
hsb(31, 43%, 49%)
CMYK
cmyk(0%, 21%, 43%, 51%)
Oklch
oklch(52.2% 0.053 68.3)

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

#EB6C19

Tangerine · Chocolate · Warm Sun

HEX
#EB6C19
RGB
rgb(235, 108, 25)
HSL
hsl(24, 84%, 51%)
HSB
hsb(24, 89%, 92%)
CMYK
cmyk(0%, 54%, 89%, 8%)
Oklch
oklch(67.5% 0.178 47.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F0B45E

Ginger · SandyBrown · Warm Sun

HEX
#F0B45E
RGB
rgb(240, 180, 94)
HSL
hsl(35, 83%, 65%)
HSB
hsb(35, 61%, 94%)
CMYK
cmyk(0%, 25%, 61%, 6%)
Oklch
oklch(80.9% 0.124 74.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A88855
5576AA

Analogous

AA5F55
A88855
A0AA55

Triadic

A88855
55AA89
8955AA

Split-Comp.

A88855
55A0AA
5F55AA

Tetradic

A88855
55AA5F
5576AA
AA55A0

Contrast Matrix WCAG 2.1 Contrast

A88855
BA8609
7E6448
EB6C19
F0B45E
—
1.0
Fail
1.7
Fail
1.1
Fail
1.8
Fail
1.0
Fail
—
1.7
Fail
1.0
Fail
1.8
Fail
1.7
Fail
1.7
Fail
—
1.8
Fail
3.0
Fail
1.1
Fail
1.0
Fail
1.8
Fail
—
1.7
Fail
1.8
Fail
1.8
Fail
3.0
Fail
1.7
Fail
—
White BG
3.3AA Large
3.2AA Large
5.5AA
3.1AA Large
1.8Fail
Black BG
6.3AA
6.5AA
3.8AA Large
6.7AA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A61
A3A327
73734F
B4B32D
D6D573

Deuteranopia

9C9E64
A7AA2E
747650
BBC532
DADE78

Tritanopia

A66B6D
B73F44
7D5455
E53D40
ED8387

Achromatopsia

8C8C8C
878787
696969
898989
BCBCBC

Shades & Tints Shades & Tints

#A88855

Dark
Light

#BA8609

Dark
Light

#7E6448

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a88855;
  --color-2: #ba8609;
  --color-3: #7e6448;
  --color-4: #eb6c19;
  --color-5: #f0b45e;
}

SCSS

$color-1: #a88855;
$color-2: #ba8609;
$color-3: #7e6448;
$color-4: #eb6c19;
$color-5: #f0b45e;

TAILWIND

colors: {
  'brand-1': '#a88855',
  'brand-2': '#ba8609',
  'brand-3': '#7e6448',
  'brand-4': '#eb6c19',
  'brand-5': '#f0b45e',
}

RGB Array

[168, 136, 85], [186, 134, 9], [126, 100, 72], [235, 108, 25], [240, 180, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A88855, #BA8609, #7E6448, #EB6C19, #F0B45E is ideal for: social media posters, mobile apps, e-commerce promos. 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: #a88855; --color-2: #ba8609; --color-3: #7e6448; --color-4: #eb6c19; --color-5: #f0b45e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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