← Back to Editor

#EBAC13 · #C90028 · #EDE11C · #D314A8 · #4F0866

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#EBAC13

Ochre · GoldenRod · Honey Gold

HEX
#EBAC13
RGB
rgb(235, 172, 19)
HSL
hsl(43, 85%, 50%)
HSB
hsb(43, 92%, 92%)
CMYK
cmyk(0%, 27%, 92%, 8%)
Oklch
oklch(78.3% 0.158 81.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#C90028

Vermilion · Crimson · Wine Red

HEX
#C90028
RGB
rgb(201, 0, 40)
HSL
hsl(348, 100%, 39%)
HSB
hsb(348, 100%, 79%)
CMYK
cmyk(0%, 100%, 80%, 21%)
Oklch
oklch(52.7% 0.213 23.1)

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

#EDE11C

Autumn Sage · Gold · Sunflower

HEX
#EDE11C
RGB
rgb(237, 225, 28)
HSL
hsl(57, 85%, 52%)
HSB
hsb(57, 88%, 93%)
CMYK
cmyk(0%, 5%, 88%, 7%)
Oklch
oklch(89.1% 0.185 105.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#D314A8

Rose Purple · MediumVioletRed · Violet

HEX
#D314A8
RGB
rgb(211, 20, 168)
HSL
hsl(314, 83%, 45%)
HSB
hsb(314, 91%, 83%)
CMYK
cmyk(0%, 91%, 20%, 17%)
Oklch
oklch(58.9% 0.247 340.6)

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

#4F0866

Royal Purple · Purple · Eggplant

HEX
#4F0866
RGB
rgb(79, 8, 102)
HSL
hsl(285, 85%, 22%)
HSB
hsb(285, 92%, 40%)
CMYK
cmyk(23%, 92%, 0%, 60%)
Oklch
oklch(32.4% 0.150 315.3)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBAC13
1351EC

Analogous

EC4213
EBAC13
BDEC13

Triadic

EBAC13
13ECAE
AE13EC

Split-Comp.

EBAC13
13BDEC
4213EC

Tetradic

EBAC13
13EC42
1351EC
EC13BD

Contrast Matrix WCAG 2.1 Contrast

EBAC13
C90028
EDE11C
D314A8
4F0866
—
3.0
Fail
1.5
Fail
2.4
Fail
6.7
AA
3.0
Fail
—
4.4
AA Large
1.3
Fail
2.3
Fail
1.5
Fail
4.4
AA Large
—
3.5
AA Large
9.9
AAA
2.4
Fail
1.3
Fail
3.5
AA Large
—
2.8
Fail
6.7
AA
2.3
Fail
9.9
AAA
2.8
Fail
—
White BG
2.0Fail
6.0AA
1.4Fail
4.7AA
13.5AAA
Black BG
10.4AAA
3.5AA Large
15.4AAA
4.4AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0CF38
72701E
E8E84C
807F84
30304F

Deuteranopia

D3D841
7E8D1C
E9E957
8B9A7C
343A4A

Tritanopia

E8555C
BF1715
EC717A
C96862
4B3D39

Achromatopsia

ADADAD
414141
CECECE
5E5E5E
282828

Shades & Tints Shades & Tints

#EBAC13

Dark
Light

#C90028

Dark
Light

#EDE11C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebac13;
  --color-2: #c90028;
  --color-3: #ede11c;
  --color-4: #d314a8;
  --color-5: #4f0866;
}

SCSS

$color-1: #ebac13;
$color-2: #c90028;
$color-3: #ede11c;
$color-4: #d314a8;
$color-5: #4f0866;

TAILWIND

colors: {
  'brand-1': '#ebac13',
  'brand-2': '#c90028',
  'brand-3': '#ede11c',
  'brand-4': '#d314a8',
  'brand-5': '#4f0866',
}

RGB Array

[235, 172, 19], [201, 0, 40], [237, 225, 28], [211, 20, 168], [79, 8, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBAC13, #C90028, #EDE11C, #D314A8, #4F0866 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: #ebac13; --color-2: #c90028; --color-3: #ede11c; --color-4: #d314a8; --color-5: #4f0866. 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