← Back to Editor

#AB90AB · #B8876E · #C35259 · #B81145 · #360615

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

Color Details Color Details

#AB90AB

Mauve · DarkGray · Lilac Purple

HEX
#AB90AB
RGB
rgb(171, 144, 171)
HSL
hsl(300, 14%, 62%)
HSB
hsb(300, 16%, 67%)
CMYK
cmyk(0%, 16%, 0%, 33%)
Oklch
oklch(68.6% 0.050 326.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#B8876E

Tangerine · DarkSalmon · Warm Sun

HEX
#B8876E
RGB
rgb(184, 135, 110)
HSL
hsl(20, 34%, 58%)
HSB
hsb(20, 40%, 72%)
CMYK
cmyk(0%, 27%, 40%, 28%)
Oklch
oklch(66.5% 0.070 48.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C35259

Crimson · Sienna · Passion Red

HEX
#C35259
RGB
rgb(195, 82, 89)
HSL
hsl(356, 48%, 54%)
HSB
hsb(356, 58%, 76%)
CMYK
cmyk(0%, 58%, 54%, 24%)
Oklch
oklch(58.6% 0.145 19.0)

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

#B81145

Dark Violet · Crimson · Camellia

HEX
#B81145
RGB
rgb(184, 17, 69)
HSL
hsl(341, 83%, 39%)
HSB
hsb(341, 91%, 72%)
CMYK
cmyk(0%, 91%, 63%, 28%)
Oklch
oklch(50.4% 0.194 12.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#360615

Dark Violet · Black · Raspberry

HEX
#360615
RGB
rgb(54, 6, 21)
HSL
hsl(341, 80%, 12%)
HSB
hsb(341, 89%, 21%)
CMYK
cmyk(0%, 89%, 61%, 79%)
Oklch
oklch(22.3% 0.076 7.2)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB90AB
91AC91

Analogous

9E91AC
AB90AB
AC919E

Triadic

AB90AB
ACAC91
91ACAC

Split-Comp.

AB90AB
9EAC91
91AC9E

Tetradic

AB90AB
AC9E91
91AC91
919EAC

Contrast Matrix WCAG 2.1 Contrast

AB90AB
B8876E
C35259
B81145
360615
—
1.1
Fail
1.6
Fail
2.3
Fail
6.1
AA
1.1
Fail
—
1.4
Fail
2.1
Fail
5.6
AA
1.6
Fail
1.4
Fail
—
1.5
Fail
3.9
AA Large
2.3
Fail
2.1
Fail
1.5
Fail
—
2.7
Fail
6.1
AA
5.6
AA
3.9
AA Large
2.7
Fail
—
White BG
2.9Fail
3.1AA Large
4.5AA Large
6.6AA
17.6AAA
Black BG
7.3AAA
6.7AA
4.7AA
3.2AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9FA4
A3A274
929157
706E38
212111

Deuteranopia

A1A3A3
A6A976
99A157
798635
242811

Tritanopia

AA9F9E
B6797A
BD5656
B02E2C
340F0E

Achromatopsia

9B9B9B
939393
757575
494949
161616

Shades & Tints Shades & Tints

#AB90AB

Dark
Light

#B8876E

Dark
Light

#C35259

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab90ab;
  --color-2: #b8876e;
  --color-3: #c35259;
  --color-4: #b81145;
  --color-5: #360615;
}

SCSS

$color-1: #ab90ab;
$color-2: #b8876e;
$color-3: #c35259;
$color-4: #b81145;
$color-5: #360615;

TAILWIND

colors: {
  'brand-1': '#ab90ab',
  'brand-2': '#b8876e',
  'brand-3': '#c35259',
  'brand-4': '#b81145',
  'brand-5': '#360615',
}

RGB Array

[171, 144, 171], [184, 135, 110], [195, 82, 89], [184, 17, 69], [54, 6, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AB90AB, #B8876E, #C35259, #B81145, #360615 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ab90ab; --color-2: #b8876e; --color-3: #c35259; --color-4: #b81145; --color-5: #360615. 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. 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