← Back to Editor

#E0CE30 · #903348 · #E09C89 · #97BEA3 · #FF3096

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

#E0CE30

Autumn Sage · GoldenRod · Sunflower

HEX
#E0CE30
RGB
rgb(224, 206, 48)
HSL
hsl(54, 74%, 53%)
HSB
hsb(54, 79%, 88%)
CMYK
cmyk(0%, 8%, 79%, 12%)
Oklch
oklch(84.1% 0.164 102.4)

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

#903348

Crimson · Brown · Wine Red

HEX
#903348
RGB
rgb(144, 51, 72)
HSL
hsl(346, 48%, 38%)
HSB
hsb(346, 65%, 56%)
CMYK
cmyk(0%, 65%, 50%, 44%)
Oklch
oklch(46.0% 0.126 9.8)

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

#E09C89

Peach Pink · DarkSalmon · Coral Red

HEX
#E09C89
RGB
rgb(224, 156, 137)
HSL
hsl(13, 58%, 71%)
HSB
hsb(13, 39%, 88%)
CMYK
cmyk(0%, 30%, 39%, 12%)
Oklch
oklch(75.4% 0.086 36.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#97BEA3

Celadon · DarkSeaGreen · Apple Green

HEX
#97BEA3
RGB
rgb(151, 190, 163)
HSL
hsl(138, 23%, 67%)
HSB
hsb(138, 21%, 75%)
CMYK
cmyk(21%, 0%, 14%, 25%)
Oklch
oklch(76.6% 0.057 154.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#FF3096

Dark Violet · DeepPink · Rose Pink

HEX
#FF3096
RGB
rgb(255, 48, 150)
HSL
hsl(330, 100%, 59%)
HSB
hsb(330, 81%, 100%)
CMYK
cmyk(0%, 81%, 41%, 0%)
Oklch
oklch(66.7% 0.247 357.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0CE30
2E40E0

Analogous

E0752E
E0CE30
99E02E

Triadic

E0CE30
2EE0CE
CE2EE0

Split-Comp.

E0CE30
2E99E0
752EE0

Tetradic

E0CE30
2EE075
2E40E0
E02E99

Contrast Matrix WCAG 2.1 Contrast

E0CE30
903348
E09C89
97BEA3
FF3096
—
4.7
AA
1.4
Fail
1.3
Fail
2.1
Fail
4.7
AA
—
3.4
AA Large
3.7
AA Large
2.2
Fail
1.4
Fail
3.4
AA Large
—
1.1
Fail
1.5
Fail
1.3
Fail
3.7
AA Large
1.1
Fail
—
1.7
Fail
2.1
Fail
2.2
Fail
1.5
Fail
1.7
Fail
—
White BG
1.6Fail
7.6AAA
2.3Fail
2.1Fail
3.4AA Large
Black BG
13.0AAA
2.8Fail
9.3AAA
10.2AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D856
686743
C3C28E
A8A8AA
A5A47D

Deuteranopia

D9DB5F
6D7442
C7CC8F
A6A3AB
B1C177

Tritanopia

DF747B
8B3F3E
DD9192
99AFB0
F56A66

Achromatopsia

C1C1C1
515151
AEAEAE
AFAFAF
7A7A7A

Shades & Tints Shades & Tints

#E0CE30

Dark
Light

#903348

Dark
Light

#E09C89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0ce30;
  --color-2: #903348;
  --color-3: #e09c89;
  --color-4: #97bea3;
  --color-5: #ff3096;
}

SCSS

$color-1: #e0ce30;
$color-2: #903348;
$color-3: #e09c89;
$color-4: #97bea3;
$color-5: #ff3096;

TAILWIND

colors: {
  'brand-1': '#e0ce30',
  'brand-2': '#903348',
  'brand-3': '#e09c89',
  'brand-4': '#97bea3',
  'brand-5': '#ff3096',
}

RGB Array

[224, 206, 48], [144, 51, 72], [224, 156, 137], [151, 190, 163], [255, 48, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0CE30, #903348, #E09C89, #97BEA3, #FF3096 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: #e0ce30; --color-2: #903348; --color-3: #e09c89; --color-4: #97bea3; --color-5: #ff3096. 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