← Back to Editor

#8F5EFF · #CD4FBC · #F6458F · #C489A2 · #B1B548

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#8F5EFF

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#8F5EFF
RGB
rgb(143, 94, 255)
HSL
hsl(258, 100%, 68%)
HSB
hsb(258, 63%, 100%)
CMYK
cmyk(44%, 63%, 0%, 0%)
Oklch
oklch(61.9% 0.227 292.5)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#CD4FBC

Rose Purple · MediumOrchid · Violet

HEX
#CD4FBC
RGB
rgb(205, 79, 188)
HSL
hsl(308, 56%, 56%)
HSB
hsb(308, 61%, 80%)
CMYK
cmyk(0%, 61%, 8%, 20%)
Oklch
oklch(63.2% 0.201 333.4)

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

#F6458F

Rouge · DeepPink · Rose Pink

HEX
#F6458F
RGB
rgb(246, 69, 143)
HSL
hsl(335, 91%, 62%)
HSB
hsb(335, 72%, 96%)
CMYK
cmyk(0%, 72%, 42%, 4%)
Oklch
oklch(66.6% 0.219 359.7)

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

#C489A2

Rouge · DarkGray · Rose Pink

HEX
#C489A2
RGB
rgb(196, 137, 162)
HSL
hsl(335, 33%, 65%)
HSB
hsb(335, 30%, 77%)
CMYK
cmyk(0%, 30%, 17%, 23%)
Oklch
oklch(69.6% 0.079 352.2)

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

#B1B548

Autumn Sage · GoldenRod · Honey Gold

HEX
#B1B548
RGB
rgb(177, 181, 72)
HSL
hsl(62, 43%, 50%)
HSB
hsb(62, 60%, 71%)
CMYK
cmyk(2%, 0%, 60%, 29%)
Oklch
oklch(74.9% 0.132 111.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8F5EFF
CEFF5C

Analogous

5C7CFF
8F5EFF
DE5CFF

Triadic

8F5EFF
FF8D5C
5CFF8D

Split-Comp.

8F5EFF
FFDE5C
7CFF5C

Tetradic

8F5EFF
FF5C7C
CEFF5C
5CFFDE

Contrast Matrix WCAG 2.1 Contrast

8F5EFF
CD4FBC
F6458F
C489A2
B1B548
—
1.0
Fail
1.2
Fail
1.4
Fail
1.8
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
1.8
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
White BG
4.0AA Large
3.9AA Large
3.4AA Large
2.8Fail
2.2Fail
Black BG
5.2AA
5.4AA
6.2AA
7.4AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A79D8
9695A2
A9A87D
AAAA9C
B3B362

Deuteranopia

7D80CF
9EA79B
B4C179
AEB29B
B3B269

Tritanopia

8DB9B3
C78D88
ED6F6C
C19796
B1777C

Achromatopsia

7F7F7F
818181
828282
9D9D9D
A7A7A7

Shades & Tints Shades & Tints

#8F5EFF

Dark
Light

#CD4FBC

Dark
Light

#F6458F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8f5eff;
  --color-2: #cd4fbc;
  --color-3: #f6458f;
  --color-4: #c489a2;
  --color-5: #b1b548;
}

SCSS

$color-1: #8f5eff;
$color-2: #cd4fbc;
$color-3: #f6458f;
$color-4: #c489a2;
$color-5: #b1b548;

TAILWIND

colors: {
  'brand-1': '#8f5eff',
  'brand-2': '#cd4fbc',
  'brand-3': '#f6458f',
  'brand-4': '#c489a2',
  'brand-5': '#b1b548',
}

RGB Array

[143, 94, 255], [205, 79, 188], [246, 69, 143], [196, 137, 162], [177, 181, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8F5EFF, #CD4FBC, #F6458F, #C489A2, #B1B548 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8f5eff; --color-2: #cd4fbc; --color-3: #f6458f; --color-4: #c489a2; --color-5: #b1b548. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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