← Back to Editor

#A84860 · #C07878 · #A8A878 · #A8A890 · #909078

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

#A84860

Crimson · Sienna · Passion Red

HEX
#A84860
RGB
rgb(168, 72, 96)
HSL
hsl(345, 40%, 47%)
HSB
hsb(345, 57%, 66%)
CMYK
cmyk(0%, 57%, 43%, 34%)
Oklch
oklch(53.3% 0.128 6.9)

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

#C07878

Peach Pink · LightCoral · Coral Red

HEX
#C07878
RGB
rgb(192, 120, 120)
HSL
hsl(0, 36%, 61%)
HSB
hsb(0, 38%, 75%)
CMYK
cmyk(0%, 38%, 38%, 25%)
Oklch
oklch(64.9% 0.091 19.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A8A878

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A8A878
RGB
rgb(168, 168, 120)
HSL
hsl(60, 22%, 56%)
HSB
hsb(60, 29%, 66%)
CMYK
cmyk(0%, 0%, 29%, 34%)
Oklch
oklch(72.0% 0.066 107.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A8A890

Fresh Green · DarkGray · Sunflower

HEX
#A8A890
RGB
rgb(168, 168, 144)
HSL
hsl(60, 12%, 61%)
HSB
hsb(60, 14%, 66%)
CMYK
cmyk(0%, 0%, 14%, 34%)
Oklch
oklch(72.5% 0.034 107.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#909078

Autumn Sage · Gray · Sunflower

HEX
#909078
RGB
rgb(144, 144, 120)
HSL
hsl(60, 10%, 52%)
HSB
hsb(60, 17%, 56%)
CMYK
cmyk(0%, 0%, 17%, 44%)
Oklch
oklch(64.7% 0.034 107.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A84860
48A890

Analogous

A84890
A84860
A86048

Triadic

A84860
60A848
4860A8

Split-Comp.

A84860
48A860
4890A8

Tetradic

A84860
90A848
48A890
6048A8

Contrast Matrix WCAG 2.1 Contrast

A84860
C07878
A8A878
A8A890
909078
—
1.6
Fail
2.3
Fail
2.3
Fail
1.7
Fail
1.6
Fail
—
1.4
Fail
1.4
Fail
1.0
Fail
2.3
Fail
1.4
Fail
—
1.0
Fail
1.3
Fail
2.3
Fail
1.4
Fail
1.0
Fail
—
1.3
Fail
1.7
Fail
1.0
Fail
1.3
Fail
1.3
Fail
—
White BG
5.6AA
3.4AA Large
2.5Fail
2.4Fail
3.3AA Large
Black BG
3.8AA Large
6.2AA
8.5AAA
8.7AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7E5A
A1A078
A8A884
A8A896
90907E

Deuteranopia

848B59
A5AA78
A8A886
A8A897
90907F

Tritanopia

A35655
BC7878
A88D8F
A89A9B
908283

Achromatopsia

676767
8E8E8E
A3A3A3
A5A5A5
8D8D8D

Shades & Tints Shades & Tints

#A84860

Dark
Light

#C07878

Dark
Light

#A8A878

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a84860;
  --color-2: #c07878;
  --color-3: #a8a878;
  --color-4: #a8a890;
  --color-5: #909078;
}

SCSS

$color-1: #a84860;
$color-2: #c07878;
$color-3: #a8a878;
$color-4: #a8a890;
$color-5: #909078;

TAILWIND

colors: {
  'brand-1': '#a84860',
  'brand-2': '#c07878',
  'brand-3': '#a8a878',
  'brand-4': '#a8a890',
  'brand-5': '#909078',
}

RGB Array

[168, 72, 96], [192, 120, 120], [168, 168, 120], [168, 168, 144], [144, 144, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A84860, #C07878, #A8A878, #A8A890, #909078 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: #a84860; --color-2: #c07878; --color-3: #a8a878; --color-4: #a8a890; --color-5: #909078. 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