← Back to Editor

#8E6D86 · #C48CAF · #C1B3D4 · #8D90BC · #6388C7

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

#8E6D86

Rose Purple · Gray · Violet

HEX
#8E6D86
RGB
rgb(142, 109, 134)
HSL
hsl(315, 13%, 49%)
HSB
hsb(315, 23%, 56%)
CMYK
cmyk(0%, 23%, 6%, 44%)
Oklch
oklch(57.6% 0.055 335.1)

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

#C48CAF

Mauve · DarkGray · Rose Pink

HEX
#C48CAF
RGB
rgb(196, 140, 175)
HSL
hsl(323, 32%, 66%)
HSB
hsb(323, 29%, 77%)
CMYK
cmyk(0%, 29%, 11%, 23%)
Oklch
oklch(70.6% 0.082 341.5)

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

#C1B3D4

Wisteria · Silver · Lilac Purple

HEX
#C1B3D4
RGB
rgb(193, 179, 212)
HSL
hsl(265, 28%, 77%)
HSB
hsb(265, 16%, 83%)
CMYK
cmyk(9%, 16%, 0%, 17%)
Oklch
oklch(78.9% 0.049 304.5)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#8D90BC

Azure · DarkGray · Cobalt Blue

HEX
#8D90BC
RGB
rgb(141, 144, 188)
HSL
hsl(236, 26%, 65%)
HSB
hsb(236, 25%, 74%)
CMYK
cmyk(25%, 23%, 0%, 26%)
Oklch
oklch(66.7% 0.065 281.4)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#6388C7

Azure · SteelBlue · Navy Blue

HEX
#6388C7
RGB
rgb(99, 136, 199)
HSL
hsl(218, 47%, 58%)
HSB
hsb(218, 50%, 78%)
CMYK
cmyk(50%, 32%, 0%, 22%)
Oklch
oklch(62.6% 0.104 260.6)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E6D86
6D8D75

Analogous

856D8D
8E6D86
8D6D75

Triadic

8E6D86
858D6D
6D858D

Split-Comp.

8E6D86
758D6D
6D8D85

Tetradic

8E6D86
8D856D
6D8D75
6D758D

Contrast Matrix WCAG 2.1 Contrast

8E6D86
C48CAF
C1B3D4
8D90BC
6388C7
—
1.6
Fail
2.3
Fail
1.5
Fail
1.3
Fail
1.6
Fail
—
1.4
Fail
1.1
Fail
1.3
Fail
2.3
Fail
1.4
Fail
—
1.6
Fail
1.8
Fail
1.5
Fail
1.1
Fail
1.6
Fail
—
1.2
Fail
1.3
Fail
1.3
Fail
1.8
Fail
1.2
Fail
—
White BG
4.5AA Large
2.7Fail
2.0Fail
3.1AA Large
3.6AA Large
Black BG
4.7AA
7.7AAA
10.7AAA
6.8AA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

807F80
ACABA7
BBBBCC
8E8EB1
7373B8

Deuteranopia

82847F
AFB3A5
BCBDCA
8E8EAF
716EB4

Tritanopia

8C7B7A
C1A09E
C0C6C4
8DA9A7
65ACA9

Achromatopsia

7A7A7A
A1A1A1
BBBBBB
949494
848484

Shades & Tints Shades & Tints

#8E6D86

Dark
Light

#C48CAF

Dark
Light

#C1B3D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e6d86;
  --color-2: #c48caf;
  --color-3: #c1b3d4;
  --color-4: #8d90bc;
  --color-5: #6388c7;
}

SCSS

$color-1: #8e6d86;
$color-2: #c48caf;
$color-3: #c1b3d4;
$color-4: #8d90bc;
$color-5: #6388c7;

TAILWIND

colors: {
  'brand-1': '#8e6d86',
  'brand-2': '#c48caf',
  'brand-3': '#c1b3d4',
  'brand-4': '#8d90bc',
  'brand-5': '#6388c7',
}

RGB Array

[142, 109, 134], [196, 140, 175], [193, 179, 212], [141, 144, 188], [99, 136, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8E6D86, #C48CAF, #C1B3D4, #8D90BC, #6388C7 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: #8e6d86; --color-2: #c48caf; --color-3: #c1b3d4; --color-4: #8d90bc; --color-5: #6388c7. 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