← Back to Editor

#9A6A6A · #6F6858 · #E15464 · #A98549 · #808873

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9A6A6A

Crimson · Gray · Passion Red

HEX
#9A6A6A
RGB
rgb(154, 106, 106)
HSL
hsl(0, 19%, 51%)
HSB
hsb(0, 31%, 60%)
CMYK
cmyk(0%, 31%, 31%, 40%)
Oklch
oklch(57.4% 0.062 19.1)

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

#6F6858

Ochre · DimGray · Honey Gold

HEX
#6F6858
RGB
rgb(111, 104, 88)
HSL
hsl(42, 12%, 39%)
HSB
hsb(42, 21%, 44%)
CMYK
cmyk(0%, 6%, 21%, 56%)
Oklch
oklch(51.9% 0.026 87.2)

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

#E15464

Peach Pink · Tomato · Coral Red

HEX
#E15464
RGB
rgb(225, 84, 100)
HSL
hsl(353, 70%, 61%)
HSB
hsb(353, 63%, 88%)
CMYK
cmyk(0%, 63%, 56%, 12%)
Oklch
oklch(63.7% 0.175 16.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#A98549

Ochre · Sienna · Amber Brown

HEX
#A98549
RGB
rgb(169, 133, 73)
HSL
hsl(38, 40%, 47%)
HSB
hsb(38, 57%, 66%)
CMYK
cmyk(0%, 21%, 57%, 34%)
Oklch
oklch(63.8% 0.090 78.8)

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

#808873

Grass Green · Gray · Warm Gray

HEX
#808873
RGB
rgb(128, 136, 115)
HSL
hsl(83, 8%, 49%)
HSB
hsb(83, 15%, 53%)
CMYK
cmyk(6%, 0%, 15%, 47%)
Oklch
oklch(61.4% 0.032 124.3)

Traditional「Grass Green」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A6A6A
6A9A9A

Analogous

9A6A82
9A6A6A
9A826A

Triadic

9A6A6A
6A9A6A
6A6A9A

Split-Comp.

9A6A6A
6A9A82
6A829A

Tetradic

9A6A6A
829A6A
6A9A9A
826A9A

Contrast Matrix WCAG 2.1 Contrast

9A6A6A
6F6858
E15464
A98549
808873
—
1.2
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.2
Fail
—
1.5
Fail
1.6
Fail
1.5
Fail
1.2
Fail
1.5
Fail
—
1.1
Fail
1.0
Fail
1.3
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.5
Fail
1.0
Fail
1.1
Fail
—
White BG
4.5AA
5.5AA
3.7AA Large
3.4AA Large
3.7AA Large
Black BG
4.6AA
3.8AA Large
5.7AA
6.1AA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

85856A
6C6C5C
A4A360
999958
838478

Deuteranopia

888C6A
6C6D5D
ACB75F
9C9E5B
838279

Tritanopia

986A6A
6F5F60
DA5D5C
A76366
807C7D

Achromatopsia

787878
686868
808080
898989
838383

Shades & Tints Shades & Tints

#9A6A6A

Dark
Light

#6F6858

Dark
Light

#E15464

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a6a6a;
  --color-2: #6f6858;
  --color-3: #e15464;
  --color-4: #a98549;
  --color-5: #808873;
}

SCSS

$color-1: #9a6a6a;
$color-2: #6f6858;
$color-3: #e15464;
$color-4: #a98549;
$color-5: #808873;

TAILWIND

colors: {
  'brand-1': '#9a6a6a',
  'brand-2': '#6f6858',
  'brand-3': '#e15464',
  'brand-4': '#a98549',
  'brand-5': '#808873',
}

RGB Array

[154, 106, 106], [111, 104, 88], [225, 84, 100], [169, 133, 73], [128, 136, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9A6A6A, #6F6858, #E15464, #A98549, #808873 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: #9a6a6a; --color-2: #6f6858; --color-3: #e15464; --color-4: #a98549; --color-5: #808873. 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