← Back to Editor

#ABBBC9 · #A5A6E6 · #BD80FF · #E543E8 · #FF2696

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

#ABBBC9

Sky Blue · Silver · Cobalt Blue

HEX
#ABBBC9
RGB
rgb(171, 187, 201)
HSL
hsl(208, 22%, 73%)
HSB
hsb(208, 15%, 79%)
CMYK
cmyk(15%, 7%, 0%, 21%)
Oklch
oklch(78.4% 0.027 244.5)

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

#A5A6E6

Azure · LightSteelBlue · Cobalt Blue

HEX
#A5A6E6
RGB
rgb(165, 166, 230)
HSL
hsl(239, 57%, 77%)
HSB
hsb(239, 28%, 90%)
CMYK
cmyk(28%, 28%, 0%, 10%)
Oklch
oklch(74.8% 0.092 283.3)

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

#BD80FF

Wisteria · Violet · Lilac Purple

HEX
#BD80FF
RGB
rgb(189, 128, 255)
HSL
hsl(269, 100%, 75%)
HSB
hsb(269, 50%, 100%)
CMYK
cmyk(26%, 50%, 0%, 0%)
Oklch
oklch(71.4% 0.186 304.3)

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

#E543E8

Royal Purple · Orchid · Violet

HEX
#E543E8
RGB
rgb(229, 67, 232)
HSL
hsl(299, 78%, 59%)
HSB
hsb(299, 71%, 91%)
CMYK
cmyk(1%, 71%, 0%, 9%)
Oklch
oklch(67.7% 0.262 327.2)

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

#FF2696

Rose Purple · DeepPink · Rose Pink

HEX
#FF2696
RGB
rgb(255, 38, 150)
HSL
hsl(329, 100%, 57%)
HSB
hsb(329, 85%, 100%)
CMYK
cmyk(0%, 85%, 41%, 0%)
Oklch
oklch(66.2% 0.254 356.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ABBBC9
C9B9AB

Analogous

ABC9C8
ABBBC9
ABACC9

Triadic

ABBBC9
C9ABBB
BBC9AB

Split-Comp.

ABBBC9
C9ABAC
C9C8AB

Tetradic

ABBBC9
C8ABC9
C9B9AB
ACC9AB

Contrast Matrix WCAG 2.1 Contrast

ABBBC9
A5A6E6
BD80FF
E543E8
FF2696
—
1.2
Fail
1.4
Fail
1.7
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.8
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
2.0Fail
2.3Fail
2.7Fail
3.3AA Large
3.5AA Large
Black BG
10.7AAA
9.2AAA
7.7AAA
6.3AA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B2C6
A5A5D7
A3A2E0
9F9DC0
A19F7B

Deuteranopia

B1B0C5
A5A5D3
A6ABD9
A8B4B6
AEBE74

Tritanopia

ACC3C2
A5CAC8
BAC8C3
DDA19A
F46661

Achromatopsia

B8B8B8
ADADAD
A1A1A1
868686
747474

Shades & Tints Shades & Tints

#ABBBC9

Dark
Light

#A5A6E6

Dark
Light

#BD80FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #abbbc9;
  --color-2: #a5a6e6;
  --color-3: #bd80ff;
  --color-4: #e543e8;
  --color-5: #ff2696;
}

SCSS

$color-1: #abbbc9;
$color-2: #a5a6e6;
$color-3: #bd80ff;
$color-4: #e543e8;
$color-5: #ff2696;

TAILWIND

colors: {
  'brand-1': '#abbbc9',
  'brand-2': '#a5a6e6',
  'brand-3': '#bd80ff',
  'brand-4': '#e543e8',
  'brand-5': '#ff2696',
}

RGB Array

[171, 187, 201], [165, 166, 230], [189, 128, 255], [229, 67, 232], [255, 38, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ABBBC9, #A5A6E6, #BD80FF, #E543E8, #FF2696 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: #abbbc9; --color-2: #a5a6e6; --color-3: #bd80ff; --color-4: #e543e8; --color-5: #ff2696. 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