← Back to Editor

#8D5187 · #A87989 · #B29390 · #BACFB0 · #7DD4A9

space

A 5-color space 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

#8D5187

Rose Purple · Gray · Violet

HEX
#8D5187
RGB
rgb(141, 81, 135)
HSL
hsl(306, 27%, 44%)
HSB
hsb(306, 43%, 55%)
CMYK
cmyk(0%, 43%, 4%, 45%)
Oklch
oklch(52.4% 0.109 330.7)

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

#A87989

Dark Violet · Gray · Rose Pink

HEX
#A87989
RGB
rgb(168, 121, 137)
HSL
hsl(340, 21%, 57%)
HSB
hsb(340, 28%, 66%)
CMYK
cmyk(0%, 28%, 18%, 34%)
Oklch
oklch(62.8% 0.062 356.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#B29390

Peach Pink · DarkGray · Coral Red

HEX
#B29390
RGB
rgb(178, 147, 144)
HSL
hsl(5, 18%, 63%)
HSB
hsb(5, 19%, 70%)
CMYK
cmyk(0%, 17%, 19%, 30%)
Oklch
oklch(69.1% 0.038 24.6)

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

#BACFB0

Celadon · Silver · Apple Green

HEX
#BACFB0
RGB
rgb(186, 207, 176)
HSL
hsl(101, 24%, 75%)
HSB
hsb(101, 15%, 81%)
CMYK
cmyk(10%, 0%, 15%, 19%)
Oklch
oklch(83.0% 0.048 135.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#7DD4A9

Jade · MediumAquaMarine · Apple Green

HEX
#7DD4A9
RGB
rgb(125, 212, 169)
HSL
hsl(150, 50%, 66%)
HSB
hsb(150, 41%, 83%)
CMYK
cmyk(41%, 0%, 20%, 17%)
Oklch
oklch(80.3% 0.105 161.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D5187
528E58

Analogous

76528E
8D5187
8E526A

Triadic

8D5187
888E52
52888E

Split-Comp.

8D5187
6A8E52
528E76

Tetradic

8D5187
8E7652
528E58
526A8E

Contrast Matrix WCAG 2.1 Contrast

8D5187
A87989
B29390
BACFB0
7DD4A9
—
1.6
Fail
2.0
Fail
3.5
AA Large
3.2
AA Large
1.6
Fail
—
1.3
Fail
2.2
Fail
2.1
Fail
2.0
Fail
1.3
Fail
—
1.7
Fail
1.6
Fail
3.5
AA Large
2.2
Fail
1.7
Fail
—
1.1
Fail
3.2
AA Large
2.1
Fail
1.6
Fail
1.1
Fail
—
White BG
5.7AA
3.6AA Large
2.8Fail
1.7Fail
1.8Fail
Black BG
3.7AA Large
5.8AA
7.5AAA
12.6AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

73727A
949385
A5A491
C3C3B8
A3A3B3

Deuteranopia

777B77
969A84
A6A991
C2C0B9
9E97B6

Tritanopia

8A706D
A68281
B09191
BBBDBF
81BCBD

Achromatopsia

696969
898989
9C9C9C
C5C5C5
B5B5B5

Shades & Tints Shades & Tints

#8D5187

Dark
Light

#A87989

Dark
Light

#B29390

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d5187;
  --color-2: #a87989;
  --color-3: #b29390;
  --color-4: #bacfb0;
  --color-5: #7dd4a9;
}

SCSS

$color-1: #8d5187;
$color-2: #a87989;
$color-3: #b29390;
$color-4: #bacfb0;
$color-5: #7dd4a9;

TAILWIND

colors: {
  'brand-1': '#8d5187',
  'brand-2': '#a87989',
  'brand-3': '#b29390',
  'brand-4': '#bacfb0',
  'brand-5': '#7dd4a9',
}

RGB Array

[141, 81, 135], [168, 121, 137], [178, 147, 144], [186, 207, 176], [125, 212, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #8D5187, #A87989, #B29390, #BACFB0, #7DD4A9 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: #8d5187; --color-2: #a87989; --color-3: #b29390; --color-4: #bacfb0; --color-5: #7dd4a9. 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 space-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