← Back to Editor

#18082B · #AC80FF · #F080FF · #E1E8E7 · #80FFE6

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 AppData Visualization

Color Details Color Details

#18082B

Deep Indigo · Black · Dark Purple

HEX
#18082B
RGB
rgb(24, 8, 43)
HSL
hsl(267, 69%, 10%)
HSB
hsb(267, 81%, 17%)
CMYK
cmyk(44%, 81%, 0%, 83%)
Oklch
oklch(18.4% 0.068 301.0)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#AC80FF

Wisteria · MediumSlateBlue · Lilac Purple

HEX
#AC80FF
RGB
rgb(172, 128, 255)
HSL
hsl(261, 100%, 75%)
HSB
hsb(261, 50%, 100%)
CMYK
cmyk(33%, 50%, 0%, 0%)
Oklch
oklch(69.8% 0.182 297.5)

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

#F080FF

Lilac · Violet · Lilac Purple

HEX
#F080FF
RGB
rgb(240, 128, 255)
HSL
hsl(293, 100%, 75%)
HSB
hsb(293, 50%, 100%)
CMYK
cmyk(6%, 50%, 0%, 0%)
Oklch
oklch(76.9% 0.206 322.8)

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

#E1E8E7

Jade · Lavender · Glacier Blue

HEX
#E1E8E7
RGB
rgb(225, 232, 231)
HSL
hsl(171, 13%, 90%)
HSB
hsb(171, 3%, 91%)
CMYK
cmyk(3%, 0%, 0%, 9%)
Oklch
oklch(92.5% 0.008 186.9)

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

#80FFE6

Jade · SkyBlue · Lake Green

HEX
#80FFE6
RGB
rgb(128, 255, 230)
HSL
hsl(168, 100%, 75%)
HSB
hsb(168, 50%, 100%)
CMYK
cmyk(50%, 0%, 10%, 0%)
Oklch
oklch(92.0% 0.120 178.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

18082B
1B2B08

Analogous

080A2B
18082B
29082B

Triadic

18082B
2B1808
082B18

Split-Comp.

18082B
2B2908
0A2B08

Tetradic

18082B
2B080A
1B2B08
082B29

Contrast Matrix WCAG 2.1 Contrast

18082B
AC80FF
F080FF
E1E8E7
80FFE6
—
6.6
AA
8.3
AAA
15.2
AAA
15.7
AAA
6.6
AA
—
1.3
Fail
2.3
Fail
2.4
Fail
8.3
AAA
1.3
Fail
—
1.8
Fail
1.9
Fail
15.2
AAA
2.3
Fail
1.8
Fail
—
1.0
Fail
15.7
AAA
2.4
Fail
1.9
Fail
1.0
Fail
—
White BG
18.9AAA
2.9Fail
2.3Fail
1.2Fail
1.2Fail
Black BG
1.1Fail
7.3AAA
9.2AAA
16.9AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

111123
9999E0
C0BEE0
E4E4E7
B7B8EC

Deuteranopia

121321
9C9FD9
C6CED9
E4E3E7
B0A6EE

Tritanopia

171C1A
AAC8C3
EAC8C3
E1E7E7
86F1F2

Achromatopsia

111111
9C9C9C
B0B0B0
E6E6E6
D6D6D6

Shades & Tints Shades & Tints

#18082B

Dark
Light

#AC80FF

Dark
Light

#F080FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #18082b;
  --color-2: #ac80ff;
  --color-3: #f080ff;
  --color-4: #e1e8e7;
  --color-5: #80ffe6;
}

SCSS

$color-1: #18082b;
$color-2: #ac80ff;
$color-3: #f080ff;
$color-4: #e1e8e7;
$color-5: #80ffe6;

TAILWIND

colors: {
  'brand-1': '#18082b',
  'brand-2': '#ac80ff',
  'brand-3': '#f080ff',
  'brand-4': '#e1e8e7',
  'brand-5': '#80ffe6',
}

RGB Array

[24, 8, 43], [172, 128, 255], [240, 128, 255], [225, 232, 231], [128, 255, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #18082B, #AC80FF, #F080FF, #E1E8E7, #80FFE6 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #18082b; --color-2: #ac80ff; --color-3: #f080ff; --color-4: #e1e8e7; --color-5: #80ffe6. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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