← Back to Editor

#E6007A · #FF12F2 · #883DFF · #839EFF · #90FFE4

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#E6007A

Rose Purple · MediumVioletRed · Camellia

HEX
#E6007A
RGB
rgb(230, 0, 122)
HSL
hsl(328, 100%, 45%)
HSB
hsb(328, 100%, 90%)
CMYK
cmyk(0%, 100%, 47%, 10%)
Oklch
oklch(59.9% 0.243 360.0)

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

#FF12F2

Rose Purple · Magenta · Violet

HEX
#FF12F2
RGB
rgb(255, 18, 242)
HSL
hsl(303, 100%, 54%)
HSB
hsb(303, 93%, 100%)
CMYK
cmyk(0%, 93%, 5%, 0%)
Oklch
oklch(69.7% 0.311 331.2)

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

#883DFF

Wisteria · MediumSlateBlue · Lilac Purple

HEX
#883DFF
RGB
rgb(136, 61, 255)
HSL
hsl(263, 100%, 62%)
HSB
hsb(263, 76%, 100%)
CMYK
cmyk(47%, 76%, 0%, 0%)
Oklch
oklch(57.2% 0.263 293.9)

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

#839EFF

Azure · CornflowerBlue · Cobalt Blue

HEX
#839EFF
RGB
rgb(131, 158, 255)
HSL
hsl(227, 100%, 76%)
HSB
hsb(227, 49%, 100%)
CMYK
cmyk(49%, 38%, 0%, 0%)
Oklch
oklch(72.0% 0.145 270.7)

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

#90FFE4

Jade · LightBlue · Glacier Blue

HEX
#90FFE4
RGB
rgb(144, 255, 228)
HSL
hsl(165, 100%, 78%)
HSB
hsb(165, 44%, 100%)
CMYK
cmyk(44%, 0%, 11%, 0%)
Oklch
oklch(92.6% 0.110 176.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6007A
00E66B

Analogous

DE00E6
E6007A
E60008

Triadic

E6007A
7AE600
007AE6

Split-Comp.

E6007A
08E600
00E6DE

Tetradic

E6007A
E6DE00
00E66B
0008E6

Contrast Matrix WCAG 2.1 Contrast

E6007A
FF12F2
883DFF
839EFF
90FFE4
—
1.4
Fail
1.1
Fail
1.8
Fail
3.8
AA Large
1.4
Fail
—
1.6
Fail
1.3
Fail
2.7
Fail
1.1
Fail
1.6
Fail
—
2.0
Fail
4.2
AA Large
1.8
Fail
1.3
Fail
2.0
Fail
—
2.1
Fail
3.8
AA Large
2.7
Fail
4.2
AA Large
2.1
Fail
—
White BG
4.5AA
3.2AA Large
5.1AA
2.5Fail
1.2Fail
Black BG
4.6AA
6.6AA
4.2AA Large
8.3AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

82805C
9896BC
6867D0
8F8FE8
C0C1EB

Deuteranopia

90A155
A6B8AF
6C71C5
8D8BE2
BAB1EC

Tritanopia

DB4540
F39188
84ABA3
84D5D1
96F0F1

Achromatopsia

535353
727272
6A6A6A
A1A1A1
DBDBDB

Shades & Tints Shades & Tints

#E6007A

Dark
Light

#FF12F2

Dark
Light

#883DFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6007a;
  --color-2: #ff12f2;
  --color-3: #883dff;
  --color-4: #839eff;
  --color-5: #90ffe4;
}

SCSS

$color-1: #e6007a;
$color-2: #ff12f2;
$color-3: #883dff;
$color-4: #839eff;
$color-5: #90ffe4;

TAILWIND

colors: {
  'brand-1': '#e6007a',
  'brand-2': '#ff12f2',
  'brand-3': '#883dff',
  'brand-4': '#839eff',
  'brand-5': '#90ffe4',
}

RGB Array

[230, 0, 122], [255, 18, 242], [136, 61, 255], [131, 158, 255], [144, 255, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E6007A, #FF12F2, #883DFF, #839EFF, #90FFE4 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #e6007a; --color-2: #ff12f2; --color-3: #883dff; --color-4: #839eff; --color-5: #90ffe4. 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. 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 vintage-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