← Back to Editor

#EE2962 · #F15A29 · #F7931E · #EC008C · #BED730

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

#EE2962

Dark Violet · Crimson · Rose Pink

HEX
#EE2962
RGB
rgb(238, 41, 98)
HSL
hsl(343, 85%, 55%)
HSB
hsb(343, 83%, 93%)
CMYK
cmyk(0%, 83%, 59%, 7%)
Oklch
oklch(62.0% 0.227 11.6)

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

#F15A29

Tangerine · Tomato · Warm Sun

HEX
#F15A29
RGB
rgb(241, 90, 41)
HSL
hsl(15, 88%, 55%)
HSB
hsb(15, 83%, 95%)
CMYK
cmyk(0%, 63%, 83%, 5%)
Oklch
oklch(66.1% 0.195 37.4)

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

#F7931E

Ginger · GoldenRod · Warm Sun

HEX
#F7931E
RGB
rgb(247, 147, 30)
HSL
hsl(32, 93%, 54%)
HSB
hsb(32, 88%, 97%)
CMYK
cmyk(0%, 40%, 88%, 3%)
Oklch
oklch(75.2% 0.165 62.2)

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

#EC008C

Rose Purple · DeepPink · Camellia

HEX
#EC008C
RGB
rgb(236, 0, 140)
HSL
hsl(324, 100%, 46%)
HSB
hsb(324, 100%, 93%)
CMYK
cmyk(0%, 100%, 41%, 7%)
Oklch
oklch(61.6% 0.253 355.1)

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

#BED730

Autumn Sage · GreenYellow · Sunflower

HEX
#BED730
RGB
rgb(190, 215, 48)
HSL
hsl(69, 68%, 52%)
HSB
hsb(69, 78%, 84%)
CMYK
cmyk(12%, 0%, 78%, 16%)
Oklch
oklch(83.3% 0.181 118.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE2962
2BEEB7

Analogous

EE2BC4
EE2962
EE552B

Triadic

EE2962
62EE2B
2B62EE

Split-Comp.

EE2962
2BEE55
2BC4EE

Tetradic

EE2962
C4EE2B
2BEEB7
552BEE

Contrast Matrix WCAG 2.1 Contrast

EE2962
F15A29
F7931E
EC008C
BED730
—
1.2
Fail
1.8
Fail
1.0
Fail
2.5
Fail
1.2
Fail
—
1.5
Fail
1.3
Fail
2.1
Fail
1.8
Fail
1.5
Fail
—
1.8
Fail
1.4
Fail
1.0
Fail
1.3
Fail
1.8
Fail
—
2.6
Fail
2.5
Fail
2.1
Fail
1.4
Fail
2.6
Fail
—
White BG
4.1AA Large
3.4AA Large
2.3Fail
4.2AA Large
1.6Fail
Black BG
5.1AA
6.2AA
9.1AAA
4.9AA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999754
B0AE35
CCCB3A
86846A
C9C958

Deuteranopia

A4B351
B8C438
D2D941
94A562
C7C662

Tritanopia

E44947
E93E40
F25156
E04F4A
BF787F

Achromatopsia

6A6A6A
828282
A4A4A4
575757
BCBCBC

Shades & Tints Shades & Tints

#EE2962

Dark
Light

#F15A29

Dark
Light

#F7931E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee2962;
  --color-2: #f15a29;
  --color-3: #f7931e;
  --color-4: #ec008c;
  --color-5: #bed730;
}

SCSS

$color-1: #ee2962;
$color-2: #f15a29;
$color-3: #f7931e;
$color-4: #ec008c;
$color-5: #bed730;

TAILWIND

colors: {
  'brand-1': '#ee2962',
  'brand-2': '#f15a29',
  'brand-3': '#f7931e',
  'brand-4': '#ec008c',
  'brand-5': '#bed730',
}

RGB Array

[238, 41, 98], [241, 90, 41], [247, 147, 30], [236, 0, 140], [190, 215, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EE2962, #F15A29, #F7931E, #EC008C, #BED730 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: #ee2962; --color-2: #f15a29; --color-3: #f7931e; --color-4: #ec008c; --color-5: #bed730. 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