← Back to Editor

#B89C96 · #A69A9A · #A3909C · #AC7F98 · #927E8D

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

#B89C96

Peach Pink · DarkGray · Coral Red

HEX
#B89C96
RGB
rgb(184, 156, 150)
HSL
hsl(11, 19%, 65%)
HSB
hsb(11, 18%, 72%)
CMYK
cmyk(0%, 15%, 18%, 28%)
Oklch
oklch(71.6% 0.035 32.1)

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

#A69A9A

Ash · DarkGray · Silver Sand

HEX
#A69A9A
RGB
rgb(166, 154, 154)
HSL
hsl(0, 6%, 63%)
HSB
hsb(0, 7%, 65%)
CMYK
cmyk(0%, 7%, 7%, 35%)
Oklch
oklch(69.7% 0.014 17.5)

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

#A3909C

Rose Purple · DarkGray · Silver Sand

HEX
#A3909C
RGB
rgb(163, 144, 156)
HSL
hsl(322, 9%, 60%)
HSB
hsb(322, 12%, 64%)
CMYK
cmyk(0%, 12%, 4%, 36%)
Oklch
oklch(67.4% 0.028 339.7)

Traditional「Rose Purple」· Paint「Silver Sand」· Creative Urban Concrete

#AC7F98

Rose Purple · DarkGray · Rose Pink

HEX
#AC7F98
RGB
rgb(172, 127, 152)
HSL
hsl(327, 21%, 59%)
HSB
hsb(327, 26%, 67%)
CMYK
cmyk(0%, 26%, 12%, 33%)
Oklch
oklch(64.8% 0.065 344.6)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#927E8D

Rose Purple · Gray · Warm Gray

HEX
#927E8D
RGB
rgb(146, 126, 141)
HSL
hsl(315, 8%, 53%)
HSB
hsb(315, 14%, 57%)
CMYK
cmyk(0%, 14%, 3%, 43%)
Oklch
oklch(61.6% 0.033 334.7)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B89C96
95B0B7

Analogous

B795A0
B89C96
B7AC95

Triadic

B89C96
95B79B
9B95B7

Split-Comp.

B89C96
95B7AC
95A0B7

Tetradic

B89C96
A0B795
95B0B7
AC95B7

Contrast Matrix WCAG 2.1 Contrast

B89C96
A69A9A
A3909C
AC7F98
927E8D
—
1.1
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
White BG
2.6Fail
2.7Fail
3.0Fail
3.4AA Large
3.8AA Large
Black BG
8.2AAA
7.7AAA
7.0AAA
6.2AA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAC97
A1A19A
9B9B99
999892
898989

Deuteranopia

AEB098
A2A29A
9C9D98
9B9F91
8B8C89

Tritanopia

B79999
A59A9A
A29796
AA8D8C
918786

Achromatopsia

A4A4A4
9E9E9E
979797
8F8F8F
868686

Shades & Tints Shades & Tints

#B89C96

Dark
Light

#A69A9A

Dark
Light

#A3909C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b89c96;
  --color-2: #a69a9a;
  --color-3: #a3909c;
  --color-4: #ac7f98;
  --color-5: #927e8d;
}

SCSS

$color-1: #b89c96;
$color-2: #a69a9a;
$color-3: #a3909c;
$color-4: #ac7f98;
$color-5: #927e8d;

TAILWIND

colors: {
  'brand-1': '#b89c96',
  'brand-2': '#a69a9a',
  'brand-3': '#a3909c',
  'brand-4': '#ac7f98',
  'brand-5': '#927e8d',
}

RGB Array

[184, 156, 150], [166, 154, 154], [163, 144, 156], [172, 127, 152], [146, 126, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B89C96, #A69A9A, #A3909C, #AC7F98, #927E8D 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: #b89c96; --color-2: #a69a9a; --color-3: #a3909c; --color-4: #ac7f98; --color-5: #927e8d. 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