← Back to Editor

#A56E63 · #A5816E · #A49279 · #929C9C · #7E9194

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A56E63

Crimson · Gray · Passion Red

HEX
#A56E63
RGB
rgb(165, 110, 99)
HSL
hsl(10, 27%, 52%)
HSB
hsb(10, 40%, 65%)
CMYK
cmyk(0%, 33%, 40%, 35%)
Oklch
oklch(59.3% 0.073 31.8)

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

#A5816E

Tangerine · Gray · Warm Sun

HEX
#A5816E
RGB
rgb(165, 129, 110)
HSL
hsl(21, 23%, 54%)
HSB
hsb(21, 33%, 65%)
CMYK
cmyk(0%, 22%, 33%, 35%)
Oklch
oklch(63.3% 0.053 49.2)

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

#A49279

Ginger · Gray · Warm Sun

HEX
#A49279
RGB
rgb(164, 146, 121)
HSL
hsl(35, 19%, 56%)
HSB
hsb(35, 26%, 64%)
CMYK
cmyk(0%, 11%, 26%, 36%)
Oklch
oklch(66.9% 0.041 76.0)

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

#929C9C

Ash · DarkGray · Silver Sand

HEX
#929C9C
RGB
rgb(146, 156, 156)
HSL
hsl(180, 5%, 59%)
HSB
hsb(180, 6%, 61%)
CMYK
cmyk(6%, 0%, 0%, 39%)
Oklch
oklch(68.5% 0.011 196.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#7E9194

Slate Blue · LightSlateGray · Warm Gray

HEX
#7E9194
RGB
rgb(126, 145, 148)
HSL
hsl(188, 9%, 54%)
HSB
hsb(188, 15%, 58%)
CMYK
cmyk(15%, 2%, 0%, 42%)
Oklch
oklch(64.3% 0.022 208.1)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A56E63
649BA6

Analogous

A6647A
A56E63
A69064

Triadic

A56E63
64A66F
6F64A6

Split-Comp.

A56E63
64A690
647AA6

Tetradic

A56E63
7AA664
649BA6
9064A6

Contrast Matrix WCAG 2.1 Contrast

A56E63
A5816E
A49279
929C9C
7E9194
—
1.2
Fail
1.4
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
White BG
4.2AA Large
3.5AA Large
3.0AA Large
2.8Fail
3.3AA Large
Black BG
5.0AA
6.0AA
7.0AA
7.5AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D66
959573
9C9C7F
96969C
868693

Deuteranopia

909566
989A74
9D9F81
96959C
858493

Tritanopia

A26868
A37677
A38485
939C9C
7F9393

Achromatopsia

7D7D7D
8A8A8A
959595
999999
8C8C8C

Shades & Tints Shades & Tints

#A56E63

Dark
Light

#A5816E

Dark
Light

#A49279

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a56e63;
  --color-2: #a5816e;
  --color-3: #a49279;
  --color-4: #929c9c;
  --color-5: #7e9194;
}

SCSS

$color-1: #a56e63;
$color-2: #a5816e;
$color-3: #a49279;
$color-4: #929c9c;
$color-5: #7e9194;

TAILWIND

colors: {
  'brand-1': '#a56e63',
  'brand-2': '#a5816e',
  'brand-3': '#a49279',
  'brand-4': '#929c9c',
  'brand-5': '#7e9194',
}

RGB Array

[165, 110, 99], [165, 129, 110], [164, 146, 121], [146, 156, 156], [126, 145, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A56E63, #A5816E, #A49279, #929C9C, #7E9194 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a56e63; --color-2: #a5816e; --color-3: #a49279; --color-4: #929c9c; --color-5: #7e9194. 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 tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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