← Back to Editor

#E1B0FE · #CF77CF · #FF48D1 · #A2A1D0 · #ADE5EF

cool

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

#E1B0FE

Lilac · Violet · Lavender

HEX
#E1B0FE
RGB
rgb(225, 176, 254)
HSL
hsl(278, 98%, 84%)
HSB
hsb(278, 31%, 100%)
CMYK
cmyk(11%, 31%, 0%, 0%)
Oklch
oklch(82.8% 0.118 312.5)

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

#CF77CF

Mauve · Orchid · Lilac Purple

HEX
#CF77CF
RGB
rgb(207, 119, 207)
HSL
hsl(300, 48%, 64%)
HSB
hsb(300, 43%, 81%)
CMYK
cmyk(0%, 43%, 0%, 19%)
Oklch
oklch(69.6% 0.156 327.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#FF48D1

Mauve · Orchid · Lilac Purple

HEX
#FF48D1
RGB
rgb(255, 72, 209)
HSL
hsl(315, 100%, 64%)
HSB
hsb(315, 72%, 100%)
CMYK
cmyk(0%, 72%, 18%, 0%)
Oklch
oklch(70.7% 0.255 340.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#A2A1D0

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#A2A1D0
RGB
rgb(162, 161, 208)
HSL
hsl(241, 33%, 72%)
HSB
hsb(241, 23%, 82%)
CMYK
cmyk(22%, 23%, 0%, 18%)
Oklch
oklch(72.6% 0.068 285.6)

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

#ADE5EF

Sky Blue · LightBlue · Glacier Blue

HEX
#ADE5EF
RGB
rgb(173, 229, 239)
HSL
hsl(189, 67%, 81%)
HSB
hsb(189, 28%, 94%)
CMYK
cmyk(28%, 4%, 0%, 6%)
Oklch
oklch(88.7% 0.059 209.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1B0FE
CCFEAE

Analogous

B9AEFE
E1B0FE
FEAEF4

Triadic

E1B0FE
FEE1AE
AEFEE1

Split-Comp.

E1B0FE
F4FEAE
AEFEB9

Tetradic

E1B0FE
FEB9AE
CCFEAE
AEF4FE

Contrast Matrix WCAG 2.1 Contrast

E1B0FE
CF77CF
FF48D1
A2A1D0
ADE5EF
—
1.6
Fail
1.7
Fail
1.4
Fail
1.3
Fail
1.6
Fail
—
1.0
Fail
1.2
Fail
2.1
Fail
1.7
Fail
1.0
Fail
—
1.2
Fail
2.1
Fail
1.4
Fail
1.2
Fail
1.2
Fail
—
1.8
Fail
1.3
Fail
2.1
Fail
2.1
Fail
1.8
Fail
—
White BG
1.8Fail
2.9Fail
3.0Fail
2.5Fail
1.4Fail
Black BG
11.8AAA
7.2AAA
7.1AAA
8.5AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCBEB
A9A8BA
B0AEB0
A2A2C5
C5C6ED

Deuteranopia

CFD2E7
AEB5B5
BAC8A8
A2A2C2
C2BEEC

Tritanopia

DFDCD9
CBA9A5
F69690
A2BCBA
B0EBEA

Achromatopsia

C8C8C8
9B9B9B
8E8E8E
A7A7A7
D5D5D5

Shades & Tints Shades & Tints

#E1B0FE

Dark
Light

#CF77CF

Dark
Light

#FF48D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1b0fe;
  --color-2: #cf77cf;
  --color-3: #ff48d1;
  --color-4: #a2a1d0;
  --color-5: #ade5ef;
}

SCSS

$color-1: #e1b0fe;
$color-2: #cf77cf;
$color-3: #ff48d1;
$color-4: #a2a1d0;
$color-5: #ade5ef;

TAILWIND

colors: {
  'brand-1': '#e1b0fe',
  'brand-2': '#cf77cf',
  'brand-3': '#ff48d1',
  'brand-4': '#a2a1d0',
  'brand-5': '#ade5ef',
}

RGB Array

[225, 176, 254], [207, 119, 207], [255, 72, 209], [162, 161, 208], [173, 229, 239]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E1B0FE, #CF77CF, #FF48D1, #A2A1D0, #ADE5EF 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: #e1b0fe; --color-2: #cf77cf; --color-3: #ff48d1; --color-4: #a2a1d0; --color-5: #ade5ef. 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 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