← Back to Editor

#E627C9 · #EF6394 · #F52314 · #A6660E · #5B6F6E

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

#E627C9

Rose Purple · DeepPink · Violet

HEX
#E627C9
RGB
rgb(230, 39, 201)
HSL
hsl(309, 79%, 53%)
HSB
hsb(309, 83%, 90%)
CMYK
cmyk(0%, 83%, 13%, 10%)
Oklch
oklch(64.4% 0.265 335.8)

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

#EF6394

Rouge · LightCoral · Rose Pink

HEX
#EF6394
RGB
rgb(239, 99, 148)
HSL
hsl(339, 81%, 66%)
HSB
hsb(339, 59%, 94%)
CMYK
cmyk(0%, 59%, 38%, 6%)
Oklch
oklch(68.8% 0.178 1.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F52314

Vermilion · OrangeRed · Passion Red

HEX
#F52314
RGB
rgb(245, 35, 20)
HSL
hsl(4, 92%, 52%)
HSB
hsb(4, 92%, 96%)
CMYK
cmyk(0%, 86%, 92%, 4%)
Oklch
oklch(62.0% 0.240 29.7)

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

#A6660E

Ochre · DarkGoldenRod · Amber Brown

HEX
#A6660E
RGB
rgb(166, 102, 14)
HSL
hsl(35, 84%, 35%)
HSB
hsb(35, 92%, 65%)
CMYK
cmyk(0%, 39%, 92%, 35%)
Oklch
oklch(56.8% 0.122 66.4)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#5B6F6E

Mineral Blue · DimGray · Mint Ice

HEX
#5B6F6E
RGB
rgb(91, 111, 110)
HSL
hsl(177, 10%, 40%)
HSB
hsb(177, 18%, 44%)
CMYK
cmyk(18%, 0%, 1%, 56%)
Oklch
oklch(52.5% 0.024 192.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E627C9
28E645

Analogous

A428E6
E627C9
E6286B

Triadic

E627C9
C9E628
28C9E6

Split-Comp.

E627C9
6BE628
28E6A4

Tetradic

E627C9
E6A428
28E645
286BE6

Contrast Matrix WCAG 2.1 Contrast

E627C9
EF6394
F52314
A6660E
5B6F6E
—
1.3
Fail
1.1
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.7
Fail
1.1
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
3.8AA Large
3.1AA Large
4.1AA Large
4.6AA
5.3AA
Black BG
5.5AA
6.9AA
5.1AA
4.5AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9392A2
B2B188
9A9818
8A8A23
64646E

Deuteranopia

9EAD98
BBC585
A6B619
8E9328
63616E

Tritanopia

DC837C
E87F7D
EB1A1B
A33438
5C6E6E

Achromatopsia

737373
929292
606060
6F6F6F
696969

Shades & Tints Shades & Tints

#E627C9

Dark
Light

#EF6394

Dark
Light

#F52314

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e627c9;
  --color-2: #ef6394;
  --color-3: #f52314;
  --color-4: #a6660e;
  --color-5: #5b6f6e;
}

SCSS

$color-1: #e627c9;
$color-2: #ef6394;
$color-3: #f52314;
$color-4: #a6660e;
$color-5: #5b6f6e;

TAILWIND

colors: {
  'brand-1': '#e627c9',
  'brand-2': '#ef6394',
  'brand-3': '#f52314',
  'brand-4': '#a6660e',
  'brand-5': '#5b6f6e',
}

RGB Array

[230, 39, 201], [239, 99, 148], [245, 35, 20], [166, 102, 14], [91, 111, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E627C9, #EF6394, #F52314, #A6660E, #5B6F6E 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: #e627c9; --color-2: #ef6394; --color-3: #f52314; --color-4: #a6660e; --color-5: #5b6f6e. 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 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