← Back to Editor

#92816E · #BB8EA3 · #976290 · #5B3272 · #2E1E45

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 LibraryData Visualization

Color Details Color Details

#92816E

Ochre · Gray · Amber Brown

HEX
#92816E
RGB
rgb(146, 129, 110)
HSL
hsl(32, 14%, 50%)
HSB
hsb(32, 25%, 57%)
CMYK
cmyk(0%, 12%, 25%, 43%)
Oklch
oklch(61.3% 0.035 70.2)

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

#BB8EA3

Rouge · DarkGray · Rose Pink

HEX
#BB8EA3
RGB
rgb(187, 142, 163)
HSL
hsl(332, 25%, 65%)
HSB
hsb(332, 24%, 73%)
CMYK
cmyk(0%, 24%, 13%, 27%)
Oklch
oklch(69.6% 0.061 349.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#976290

Rose Purple · Gray · Violet

HEX
#976290
RGB
rgb(151, 98, 144)
HSL
hsl(308, 21%, 49%)
HSB
hsb(308, 35%, 59%)
CMYK
cmyk(0%, 35%, 5%, 41%)
Oklch
oklch(56.9% 0.093 331.5)

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

#5B3272

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5B3272
RGB
rgb(91, 50, 114)
HSL
hsl(278, 39%, 32%)
HSB
hsb(278, 56%, 45%)
CMYK
cmyk(20%, 56%, 0%, 55%)
Oklch
oklch(39.8% 0.112 311.9)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#2E1E45

Deep Indigo · MidnightBlue · Dark Purple

HEX
#2E1E45
RGB
rgb(46, 30, 69)
HSL
hsl(265, 39%, 19%)
HSB
hsb(265, 57%, 27%)
CMYK
cmyk(33%, 57%, 0%, 73%)
Oklch
oklch(27.6% 0.071 300.8)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92816E
6E7E91

Analogous

916F6E
92816E
90916E

Triadic

92816E
6E9181
816E91

Split-Comp.

92816E
6E9091
6F6E91

Tetradic

92816E
6E916F
6E7E91
916E90

Contrast Matrix WCAG 2.1 Contrast

92816E
BB8EA3
976290
5B3272
2E1E45
—
1.3
Fail
1.3
Fail
2.6
Fail
4.0
AA Large
1.3
Fail
—
1.7
Fail
3.5
AA Large
5.4
AA
1.3
Fail
1.7
Fail
—
2.1
Fail
3.2
AA Large
2.6
Fail
3.5
AA Large
2.1
Fail
—
1.5
Fail
4.0
AA Large
5.4
AA
3.2
AA Large
1.5
Fail
—
White BG
3.8AA Large
2.8Fail
4.7AA
9.8AAA
15.1AAA
Black BG
5.6AA
7.5AAA
4.5AA Large
2.1Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8A73
A8A79E
808085
494963
27273C

Deuteranopia

8C8D74
AAAE9D
838782
4C4F5F
282939

Tritanopia

917677
B99A99
947C7A
595654
2D3432

Achromatopsia

848484
9E9E9E
777777
464646
272727

Shades & Tints Shades & Tints

#92816E

Dark
Light

#BB8EA3

Dark
Light

#976290

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92816e;
  --color-2: #bb8ea3;
  --color-3: #976290;
  --color-4: #5b3272;
  --color-5: #2e1e45;
}

SCSS

$color-1: #92816e;
$color-2: #bb8ea3;
$color-3: #976290;
$color-4: #5b3272;
$color-5: #2e1e45;

TAILWIND

colors: {
  'brand-1': '#92816e',
  'brand-2': '#bb8ea3',
  'brand-3': '#976290',
  'brand-4': '#5b3272',
  'brand-5': '#2e1e45',
}

RGB Array

[146, 129, 110], [187, 142, 163], [151, 98, 144], [91, 50, 114], [46, 30, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #92816E, #BB8EA3, #976290, #5B3272, #2E1E45 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #92816e; --color-2: #bb8ea3; --color-3: #976290; --color-4: #5b3272; --color-5: #2e1e45. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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