← Back to Editor

#B460F0 · #C776D0 · #DA8CB0 · #EDA290 · #FFB870

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B460F0

Lilac · MediumOrchid · Lilac Purple

HEX
#B460F0
RGB
rgb(180, 96, 240)
HSL
hsl(275, 83%, 66%)
HSB
hsb(275, 60%, 94%)
CMYK
cmyk(25%, 60%, 0%, 6%)
Oklch
oklch(65.0% 0.214 308.5)

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

#C776D0

Lilac · Orchid · Lilac Purple

HEX
#C776D0
RGB
rgb(199, 118, 208)
HSL
hsl(294, 49%, 64%)
HSB
hsb(294, 43%, 82%)
CMYK
cmyk(4%, 43%, 0%, 18%)
Oklch
oklch(68.5% 0.154 323.4)

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

#DA8CB0

Rouge · Orchid · Rose Pink

HEX
#DA8CB0
RGB
rgb(218, 140, 176)
HSL
hsl(332, 51%, 70%)
HSB
hsb(332, 36%, 85%)
CMYK
cmyk(0%, 36%, 19%, 15%)
Oklch
oklch(73.0% 0.105 350.8)

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

#EDA290

Peach Pink · DarkSalmon · Coral Red

HEX
#EDA290
RGB
rgb(237, 162, 144)
HSL
hsl(12, 72%, 75%)
HSB
hsb(12, 39%, 93%)
CMYK
cmyk(0%, 32%, 39%, 7%)
Oklch
oklch(78.1% 0.094 34.1)

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

#FFB870

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFB870
RGB
rgb(255, 184, 112)
HSL
hsl(30, 100%, 72%)
HSB
hsb(30, 56%, 100%)
CMYK
cmyk(0%, 28%, 56%, 0%)
Oklch
oklch(83.4% 0.121 65.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B460F0
9CF060

Analogous

6C60F0
B460F0
F060E4

Triadic

B460F0
F0B460
60F0B4

Split-Comp.

B460F0
E4F060
60F06C

Tetradic

B460F0
F06C60
9CF060
60E4F0

Contrast Matrix WCAG 2.1 Contrast

B460F0
C776D0
DA8CB0
EDA290
FFB870
—
1.2
Fail
1.4
Fail
1.7
Fail
2.1
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.1
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
3.6AA Large
3.0AA Large
2.5Fail
2.1Fail
1.7Fail
Black BG
5.9AA
6.9AA
8.4AAA
10.2AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

908FCD
A4A3BA
B8B8A7
CDCC94
E0E081

Deuteranopia

959BC5
A9AFB5
BDC3A5
D1D695
E4EA86

Tritanopia

B0B2AC
C3A9A5
D6A09F
E99899
FB8F92

Achromatopsia

8A8A8A
989898
A7A7A7
B6B6B6
C5C5C5

Shades & Tints Shades & Tints

#B460F0

Dark
Light

#C776D0

Dark
Light

#DA8CB0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b460f0;
  --color-2: #c776d0;
  --color-3: #da8cb0;
  --color-4: #eda290;
  --color-5: #ffb870;
}

SCSS

$color-1: #b460f0;
$color-2: #c776d0;
$color-3: #da8cb0;
$color-4: #eda290;
$color-5: #ffb870;

TAILWIND

colors: {
  'brand-1': '#b460f0',
  'brand-2': '#c776d0',
  'brand-3': '#da8cb0',
  'brand-4': '#eda290',
  'brand-5': '#ffb870',
}

RGB Array

[180, 96, 240], [199, 118, 208], [218, 140, 176], [237, 162, 144], [255, 184, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B460F0, #C776D0, #DA8CB0, #EDA290, #FFB870 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #b460f0; --color-2: #c776d0; --color-3: #da8cb0; --color-4: #eda290; --color-5: #ffb870. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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