← Back to Editor

#AB75E8 · #AB96E8 · #ABA8E8 · #ABE8E8 · #ABF7E8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#AB75E8

Wisteria · MediumOrchid · Lilac Purple

HEX
#AB75E8
RGB
rgb(171, 117, 232)
HSL
hsl(268, 71%, 68%)
HSB
hsb(268, 50%, 91%)
CMYK
cmyk(26%, 50%, 0%, 9%)
Oklch
oklch(66.6% 0.171 303.8)

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

#AB96E8

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#AB96E8
RGB
rgb(171, 150, 232)
HSL
hsl(255, 64%, 75%)
HSB
hsb(255, 35%, 91%)
CMYK
cmyk(26%, 35%, 0%, 9%)
Oklch
oklch(72.3% 0.119 295.0)

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

#ABA8E8

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#ABA8E8
RGB
rgb(171, 168, 232)
HSL
hsl(243, 58%, 78%)
HSB
hsb(243, 28%, 91%)
CMYK
cmyk(26%, 28%, 0%, 9%)
Oklch
oklch(75.7% 0.091 286.1)

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

#ABE8E8

Sky Blue · LightBlue · Glacier Blue

HEX
#ABE8E8
RGB
rgb(171, 232, 232)
HSL
hsl(180, 57%, 79%)
HSB
hsb(180, 26%, 91%)
CMYK
cmyk(26%, 0%, 0%, 9%)
Oklch
oklch(89.0% 0.062 196.1)

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

#ABF7E8

Jade · LightBlue · Glacier Blue

HEX
#ABF7E8
RGB
rgb(171, 247, 232)
HSL
hsl(168, 83%, 82%)
HSB
hsb(168, 31%, 97%)
CMYK
cmyk(31%, 0%, 6%, 3%)
Oklch
oklch(92.2% 0.078 180.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB75E8
B1E773

Analogous

7377E7
AB75E8
E373E7

Triadic

AB75E8
E7AA73
73E7AA

Split-Comp.

AB75E8
E7E373
77E773

Tetradic

AB75E8
E77377
B1E773
73E7E3

Contrast Matrix WCAG 2.1 Contrast

AB75E8
AB96E8
ABA8E8
ABE8E8
ABF7E8
—
1.3
Fail
1.5
Fail
2.4
Fail
2.7
Fail
1.3
Fail
—
1.1
Fail
1.9
Fail
2.1
Fail
1.5
Fail
1.1
Fail
—
1.6
Fail
1.8
Fail
2.4
Fail
1.9
Fail
1.6
Fail
—
1.1
Fail
2.7
Fail
2.1
Fail
1.8
Fail
1.1
Fail
—
White BG
3.3AA Large
2.5Fail
2.2Fail
1.4Fail
1.2Fail
Black BG
6.4AA
8.3AAA
9.5AAA
15.4AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9493CC
A2A2D4
AAAAD9
C5C6E8
CCCDEC

Deuteranopia

979BC5
A3A5CF
AAAAD5
C2BDE8
C8C2EC

Tritanopia

A8B6B1
AAC4C1
ABCCCA
AEE8E8
AFEEEF

Achromatopsia

929292
A6A6A6
B0B0B0
D6D6D6
DFDFDF

Shades & Tints Shades & Tints

#AB75E8

Dark
Light

#AB96E8

Dark
Light

#ABA8E8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab75e8;
  --color-2: #ab96e8;
  --color-3: #aba8e8;
  --color-4: #abe8e8;
  --color-5: #abf7e8;
}

SCSS

$color-1: #ab75e8;
$color-2: #ab96e8;
$color-3: #aba8e8;
$color-4: #abe8e8;
$color-5: #abf7e8;

TAILWIND

colors: {
  'brand-1': '#ab75e8',
  'brand-2': '#ab96e8',
  'brand-3': '#aba8e8',
  'brand-4': '#abe8e8',
  'brand-5': '#abf7e8',
}

RGB Array

[171, 117, 232], [171, 150, 232], [171, 168, 232], [171, 232, 232], [171, 247, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AB75E8, #AB96E8, #ABA8E8, #ABE8E8, #ABF7E8 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: #ab75e8; --color-2: #ab96e8; --color-3: #aba8e8; --color-4: #abe8e8; --color-5: #abf7e8. 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