← Back to Editor

#A36EEA · #A7A5FF · #95BCEA · #EF9F97 · #EF7A80

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

#A36EEA

Wisteria · MediumSlateBlue · Lilac Purple

HEX
#A36EEA
RGB
rgb(163, 110, 234)
HSL
hsl(266, 75%, 67%)
HSB
hsb(266, 53%, 92%)
CMYK
cmyk(30%, 53%, 0%, 8%)
Oklch
oklch(64.8% 0.182 301.2)

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

#A7A5FF

Wisteria · LightSteelBlue · Sky Blue

HEX
#A7A5FF
RGB
rgb(167, 165, 255)
HSL
hsl(241, 100%, 82%)
HSB
hsb(241, 35%, 100%)
CMYK
cmyk(35%, 35%, 0%, 0%)
Oklch
oklch(75.9% 0.128 283.9)

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

#95BCEA

Azure · SkyBlue · Cobalt Blue

HEX
#95BCEA
RGB
rgb(149, 188, 234)
HSL
hsl(212, 67%, 75%)
HSB
hsb(212, 36%, 92%)
CMYK
cmyk(36%, 20%, 0%, 8%)
Oklch
oklch(78.4% 0.078 252.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#EF9F97

Peach Pink · DarkSalmon · Coral Red

HEX
#EF9F97
RGB
rgb(239, 159, 151)
HSL
hsl(5, 73%, 76%)
HSB
hsb(5, 37%, 94%)
CMYK
cmyk(0%, 33%, 37%, 6%)
Oklch
oklch(77.9% 0.097 25.8)

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

#EF7A80

Peach Pink · LightCoral · Coral Red

HEX
#EF7A80
RGB
rgb(239, 122, 128)
HSL
hsl(357, 79%, 71%)
HSB
hsb(357, 49%, 94%)
CMYK
cmyk(0%, 49%, 46%, 6%)
Oklch
oklch(71.4% 0.144 18.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A36EEA
B3EA6C

Analogous

6C74EA
A36EEA
E26CEA

Triadic

A36EEA
EAA26C
6CEAA2

Split-Comp.

A36EEA
EAE26C
74EA6C

Tetradic

A36EEA
EA6C74
B3EA6C
6CEAE2

Contrast Matrix WCAG 2.1 Contrast

A36EEA
A7A5FF
95BCEA
EF9F97
EF7A80
—
1.6
Fail
1.8
Fail
1.7
Fail
1.3
Fail
1.6
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.3
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
White BG
3.5AA Large
2.2Fail
2.0Fail
2.1Fail
2.7Fail
Black BG
6.0AA
9.5AAA
10.7AAA
10.1AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8CCC
A6A6E9
A6A6DF
CCCC99
BCBB7F

Deuteranopia

8F93C5
A6A6E4
A4A1DC
D1D799
C3CC7E

Tritanopia

A0B4AF
A7D8D4
97D6D4
EB9A9B
E97D7D

Achromatopsia

8C8C8C
B0B0B0
B6B6B6
B6B6B6
9E9E9E

Shades & Tints Shades & Tints

#A36EEA

Dark
Light

#A7A5FF

Dark
Light

#95BCEA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a36eea;
  --color-2: #a7a5ff;
  --color-3: #95bcea;
  --color-4: #ef9f97;
  --color-5: #ef7a80;
}

SCSS

$color-1: #a36eea;
$color-2: #a7a5ff;
$color-3: #95bcea;
$color-4: #ef9f97;
$color-5: #ef7a80;

TAILWIND

colors: {
  'brand-1': '#a36eea',
  'brand-2': '#a7a5ff',
  'brand-3': '#95bcea',
  'brand-4': '#ef9f97',
  'brand-5': '#ef7a80',
}

RGB Array

[163, 110, 234], [167, 165, 255], [149, 188, 234], [239, 159, 151], [239, 122, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A36EEA, #A7A5FF, #95BCEA, #EF9F97, #EF7A80 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: #a36eea; --color-2: #a7a5ff; --color-3: #95bcea; --color-4: #ef9f97; --color-5: #ef7a80. 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