← Back to Editor

#BB85D6 · #D460E6 · #ED3494 · #F23057 · #E35700

cool

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

#BB85D6

Lilac · Orchid · Lilac Purple

HEX
#BB85D6
RGB
rgb(187, 133, 214)
HSL
hsl(280, 50%, 68%)
HSB
hsb(280, 38%, 84%)
CMYK
cmyk(13%, 38%, 0%, 16%)
Oklch
oklch(70.0% 0.128 313.9)

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

#D460E6

Lilac · Orchid · Lilac Purple

HEX
#D460E6
RGB
rgb(212, 96, 230)
HSL
hsl(292, 73%, 64%)
HSB
hsb(292, 58%, 90%)
CMYK
cmyk(8%, 58%, 0%, 10%)
Oklch
oklch(68.2% 0.217 322.1)

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

#ED3494

Rose Purple · DeepPink · Rose Pink

HEX
#ED3494
RGB
rgb(237, 52, 148)
HSL
hsl(329, 84%, 57%)
HSB
hsb(329, 78%, 93%)
CMYK
cmyk(0%, 78%, 38%, 7%)
Oklch
oklch(64.0% 0.231 354.6)

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

#F23057

Vermilion · Crimson · Passion Red

HEX
#F23057
RGB
rgb(242, 48, 87)
HSL
hsl(348, 88%, 57%)
HSB
hsb(348, 80%, 95%)
CMYK
cmyk(0%, 80%, 64%, 5%)
Oklch
oklch(62.9% 0.225 16.4)

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

#E35700

Tangerine · OrangeRed · Amber Brown

HEX
#E35700
RGB
rgb(227, 87, 0)
HSL
hsl(23, 100%, 45%)
HSB
hsb(23, 100%, 89%)
CMYK
cmyk(0%, 62%, 100%, 11%)
Oklch
oklch(63.4% 0.189 42.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BB85D6
A0D685

Analogous

9285D6
BB85D6
D685C9

Triadic

BB85D6
D6BB85
85D6BB

Split-Comp.

BB85D6
C9D685
85D692

Tetradic

BB85D6
D69285
A0D685
85C9D6

Contrast Matrix WCAG 2.1 Contrast

BB85D6
D460E6
ED3494
F23057
E35700
—
1.1
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
1.0
Fail
1.0
Fail
1.4
Fail
1.2
Fail
1.0
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.0
Fail
1.1
Fail
—
White BG
2.8Fail
3.2AA Large
3.8AA Large
3.9AA Large
3.7AA Large
Black BG
7.4AAA
6.6AA
5.5AA
5.3AA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A3C2
A2A1C6
9D9B7D
9E9C4E
A6A515

Deuteranopia

A7ABBE
A9B1BE
A8B577
A9B84B
AFB91A

Tritanopia

B8B3B0
CEACA6
E46A66
E84644
DC2629

Achromatopsia

9E9E9E
929292
767676
6E6E6E
777777

Shades & Tints Shades & Tints

#BB85D6

Dark
Light

#D460E6

Dark
Light

#ED3494

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bb85d6;
  --color-2: #d460e6;
  --color-3: #ed3494;
  --color-4: #f23057;
  --color-5: #e35700;
}

SCSS

$color-1: #bb85d6;
$color-2: #d460e6;
$color-3: #ed3494;
$color-4: #f23057;
$color-5: #e35700;

TAILWIND

colors: {
  'brand-1': '#bb85d6',
  'brand-2': '#d460e6',
  'brand-3': '#ed3494',
  'brand-4': '#f23057',
  'brand-5': '#e35700',
}

RGB Array

[187, 133, 214], [212, 96, 230], [237, 52, 148], [242, 48, 87], [227, 87, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #BB85D6, #D460E6, #ED3494, #F23057, #E35700 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: #bb85d6; --color-2: #d460e6; --color-3: #ed3494; --color-4: #f23057; --color-5: #e35700. 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 cool-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