← Back to Editor

#E80065 · #FF8C19 · #FF4B19 · #852EFF · #A1005B

summer

A 5-color summer 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

#E80065

Dark Violet · Crimson · Camellia

HEX
#E80065
RGB
rgb(232, 0, 101)
HSL
hsl(334, 100%, 45%)
HSB
hsb(334, 100%, 91%)
CMYK
cmyk(0%, 100%, 56%, 9%)
Oklch
oklch(59.7% 0.239 7.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#FF8C19

Ginger · Orange · Warm Sun

HEX
#FF8C19
RGB
rgb(255, 140, 25)
HSL
hsl(30, 100%, 55%)
HSB
hsb(30, 90%, 100%)
CMYK
cmyk(0%, 45%, 90%, 0%)
Oklch
oklch(75.1% 0.176 56.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FF4B19

Vermilion · OrangeRed · Passion Red

HEX
#FF4B19
RGB
rgb(255, 75, 25)
HSL
hsl(13, 100%, 55%)
HSB
hsb(13, 90%, 100%)
CMYK
cmyk(0%, 71%, 90%, 0%)
Oklch
oklch(66.6% 0.223 34.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#852EFF

Deep Indigo · DarkOrchid · Violet

HEX
#852EFF
RGB
rgb(133, 46, 255)
HSL
hsl(265, 100%, 59%)
HSB
hsb(265, 82%, 100%)
CMYK
cmyk(48%, 82%, 0%, 0%)
Oklch
oklch(55.6% 0.275 294.0)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#A1005B

Rose Purple · Purple · Camellia

HEX
#A1005B
RGB
rgb(161, 0, 91)
HSL
hsl(326, 100%, 32%)
HSB
hsb(326, 100%, 63%)
CMYK
cmyk(0%, 100%, 43%, 37%)
Oklch
oklch(46.2% 0.189 356.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E80065
00E682

Analogous

E600D6
E80065
E60F00

Triadic

E80065
63E600
0063E6

Split-Comp.

E80065
00E60F
00D6E6

Tetradic

E80065
D6E600
00E682
0F00E6

Contrast Matrix WCAG 2.1 Contrast

E80065
FF8C19
FF4B19
852EFF
A1005B
—
2.0
Fail
1.4
Fail
1.2
Fail
1.7
Fail
2.0
Fail
—
1.4
Fail
2.4
Fail
3.4
AA Large
1.4
Fail
1.4
Fail
—
1.6
Fail
2.4
Fail
1.2
Fail
2.4
Fail
1.6
Fail
—
1.4
Fail
1.7
Fail
3.4
AA Large
2.4
Fail
1.4
Fail
—
White BG
4.5AA
2.3Fail
3.3AA Large
5.5AA
7.9AAA
Black BG
4.6AA
9.0AAA
6.3AA
3.8AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

84814D
CDCC35
B1AF25
5F5FCC
5B5A45

Deuteranopia

91A247
D4DD3C
BCC928
646BC0
657140

Tritanopia

DC3935
F94B50
F62F31
81A59C
993430

Achromatopsia

515151
A1A1A1
7B7B7B
606060
3B3B3B

Shades & Tints Shades & Tints

#E80065

Dark
Light

#FF8C19

Dark
Light

#FF4B19

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e80065;
  --color-2: #ff8c19;
  --color-3: #ff4b19;
  --color-4: #852eff;
  --color-5: #a1005b;
}

SCSS

$color-1: #e80065;
$color-2: #ff8c19;
$color-3: #ff4b19;
$color-4: #852eff;
$color-5: #a1005b;

TAILWIND

colors: {
  'brand-1': '#e80065',
  'brand-2': '#ff8c19',
  'brand-3': '#ff4b19',
  'brand-4': '#852eff',
  'brand-5': '#a1005b',
}

RGB Array

[232, 0, 101], [255, 140, 25], [255, 75, 25], [133, 46, 255], [161, 0, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #E80065, #FF8C19, #FF4B19, #852EFF, #A1005B 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: #e80065; --color-2: #ff8c19; --color-3: #ff4b19; --color-4: #852eff; --color-5: #a1005b. 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 summer-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