← Back to Editor

#A39E98 · #98947B · #AE7472 · #905865 · #5B5863

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

#A39E98

Ash · DarkGray · Silver Sand

HEX
#A39E98
RGB
rgb(163, 158, 152)
HSL
hsl(33, 6%, 62%)
HSB
hsb(33, 7%, 64%)
CMYK
cmyk(0%, 3%, 7%, 36%)
Oklch
oklch(70.2% 0.010 72.6)

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

#98947B

Autumn Sage · Gray · Sunflower

HEX
#98947B
RGB
rgb(152, 148, 123)
HSL
hsl(52, 12%, 54%)
HSB
hsb(52, 19%, 60%)
CMYK
cmyk(0%, 3%, 19%, 40%)
Oklch
oklch(66.3% 0.036 99.8)

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

#AE7472

Crimson · Gray · Passion Red

HEX
#AE7472
RGB
rgb(174, 116, 114)
HSL
hsl(2, 27%, 56%)
HSB
hsb(2, 34%, 68%)
CMYK
cmyk(0%, 33%, 34%, 32%)
Oklch
oklch(61.9% 0.074 21.6)

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

#905865

Crimson · DimGray · Passion Red

HEX
#905865
RGB
rgb(144, 88, 101)
HSL
hsl(346, 24%, 45%)
HSB
hsb(346, 39%, 56%)
CMYK
cmyk(0%, 39%, 30%, 44%)
Oklch
oklch(52.7% 0.076 4.9)

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

#5B5863

Ink Gray · DimGray · Charcoal

HEX
#5B5863
RGB
rgb(91, 88, 99)
HSL
hsl(256, 6%, 37%)
HSB
hsb(256, 11%, 39%)
CMYK
cmyk(8%, 11%, 0%, 61%)
Oklch
oklch(46.7% 0.018 298.2)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A39E98
989EA4

Analogous

A49998
A39E98
A3A498

Triadic

A39E98
98A49F
9F98A4

Split-Comp.

A39E98
98A3A4
9998A4

Tetradic

A39E98
98A499
989EA4
A498A3

Contrast Matrix WCAG 2.1 Contrast

A39E98
98947B
AE7472
905865
5B5863
—
1.2
Fail
1.4
Fail
2.1
Fail
2.6
Fail
1.2
Fail
—
1.2
Fail
1.8
Fail
2.3
Fail
1.4
Fail
1.2
Fail
—
1.5
Fail
1.8
Fail
2.1
Fail
1.8
Fail
1.5
Fail
—
1.2
Fail
2.6
Fail
2.3
Fail
1.8
Fail
1.2
Fail
—
White BG
2.7Fail
3.1AA Large
3.8AA Large
5.6AA
7.0AA
Black BG
7.9AAA
6.9AA
5.5AA
3.8AA Large
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A199
969681
959472
787762
5A5A60

Deuteranopia

A1A29A
979783
989D73
7B7F61
5A5A60

Tritanopia

A39B9B
988687
AB7373
8D5F5F
5B5E5E

Achromatopsia

9F9F9F
929292
858585
6A6A6A
5A5A5A

Shades & Tints Shades & Tints

#A39E98

Dark
Light

#98947B

Dark
Light

#AE7472

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a39e98;
  --color-2: #98947b;
  --color-3: #ae7472;
  --color-4: #905865;
  --color-5: #5b5863;
}

SCSS

$color-1: #a39e98;
$color-2: #98947b;
$color-3: #ae7472;
$color-4: #905865;
$color-5: #5b5863;

TAILWIND

colors: {
  'brand-1': '#a39e98',
  'brand-2': '#98947b',
  'brand-3': '#ae7472',
  'brand-4': '#905865',
  'brand-5': '#5b5863',
}

RGB Array

[163, 158, 152], [152, 148, 123], [174, 116, 114], [144, 88, 101], [91, 88, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A39E98, #98947B, #AE7472, #905865, #5B5863 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: #a39e98; --color-2: #98947b; --color-3: #ae7472; --color-4: #905865; --color-5: #5b5863. 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