← Back to Editor

#E0F036 · #D9E270 · #E2B970 · #E28B70 · #F84242

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

#E0F036

Autumn Sage · GreenYellow · Sunflower

HEX
#E0F036
RGB
rgb(224, 240, 54)
HSL
hsl(65, 86%, 58%)
HSB
hsb(65, 78%, 94%)
CMYK
cmyk(7%, 0%, 78%, 6%)
Oklch
oklch(91.3% 0.193 114.7)

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

#D9E270

Fresh Green · Khaki · Sunflower

HEX
#D9E270
RGB
rgb(217, 226, 112)
HSL
hsl(65, 66%, 66%)
HSB
hsb(65, 50%, 89%)
CMYK
cmyk(4%, 0%, 50%, 11%)
Oklch
oklch(88.3% 0.139 112.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E2B970

Ginger · BurlyWood · Warm Sun

HEX
#E2B970
RGB
rgb(226, 185, 112)
HSL
hsl(38, 66%, 66%)
HSB
hsb(38, 50%, 89%)
CMYK
cmyk(0%, 18%, 50%, 11%)
Oklch
oklch(80.7% 0.103 80.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E28B70

Peach Pink · DarkSalmon · Coral Red

HEX
#E28B70
RGB
rgb(226, 139, 112)
HSL
hsl(14, 66%, 66%)
HSB
hsb(14, 50%, 89%)
CMYK
cmyk(0%, 38%, 50%, 11%)
Oklch
oklch(72.2% 0.114 38.0)

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

#F84242

Peach Pink · Tomato · Coral Red

HEX
#F84242
RGB
rgb(248, 66, 66)
HSL
hsl(0, 93%, 62%)
HSB
hsb(0, 73%, 97%)
CMYK
cmyk(0%, 73%, 73%, 3%)
Oklch
oklch(65.0% 0.218 25.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0F036
4738F0

Analogous

F0A338
E0F036
85F038

Triadic

E0F036
38E1F0
F038E1

Split-Comp.

E0F036
3885F0
A338F0

Tetradic

E0F036
38F0A3
4738F0
F03885

Contrast Matrix WCAG 2.1 Contrast

E0F036
D9E270
E2B970
E28B70
F84242
—
1.1
Fail
1.5
Fail
2.0
Fail
2.9
Fail
1.1
Fail
—
1.3
Fail
1.8
Fail
2.6
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
2.0
Fail
2.0
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
2.9
Fail
2.6
Fail
2.0
Fail
1.4
Fail
—
White BG
1.3Fail
1.4Fail
1.8Fail
2.6Fail
3.6AA Large
Black BG
16.7AAA
15.1AAA
11.4AAA
8.2AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E763
DDDD8C
D0D082
BCBC77
A9A842

Deuteranopia

E6E56E
DCDC92
D3D686
C1C878
B4C142

Tritanopia

E1878E
D9A1A6
E09093
DE7C7D
EF4242

Achromatopsia

D6D6D6
D2D2D2
BDBDBD
A2A2A2
787878

Shades & Tints Shades & Tints

#E0F036

Dark
Light

#D9E270

Dark
Light

#E2B970

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0f036;
  --color-2: #d9e270;
  --color-3: #e2b970;
  --color-4: #e28b70;
  --color-5: #f84242;
}

SCSS

$color-1: #e0f036;
$color-2: #d9e270;
$color-3: #e2b970;
$color-4: #e28b70;
$color-5: #f84242;

TAILWIND

colors: {
  'brand-1': '#e0f036',
  'brand-2': '#d9e270',
  'brand-3': '#e2b970',
  'brand-4': '#e28b70',
  'brand-5': '#f84242',
}

RGB Array

[224, 240, 54], [217, 226, 112], [226, 185, 112], [226, 139, 112], [248, 66, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0F036, #D9E270, #E2B970, #E28B70, #F84242 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: #e0f036; --color-2: #d9e270; --color-3: #e2b970; --color-4: #e28b70; --color-5: #f84242. 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