← Back to Editor

#E3352C · #F67E58 · #FAD18D · #EFF199 · #ACDFC8

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

#E3352C

Vermilion · Crimson · Passion Red

HEX
#E3352C
RGB
rgb(227, 53, 44)
HSL
hsl(3, 77%, 53%)
HSB
hsb(3, 81%, 89%)
CMYK
cmyk(0%, 77%, 81%, 11%)
Oklch
oklch(60.1% 0.211 28.4)

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

#F67E58

Peach Pink · Coral · Coral Red

HEX
#F67E58
RGB
rgb(246, 126, 88)
HSL
hsl(14, 90%, 65%)
HSB
hsb(14, 64%, 96%)
CMYK
cmyk(0%, 49%, 64%, 4%)
Oklch
oklch(72.2% 0.156 38.2)

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

#FAD18D

Goose Yellow · Khaki · Peach Orange

HEX
#FAD18D
RGB
rgb(250, 209, 141)
HSL
hsl(37, 92%, 77%)
HSB
hsb(37, 44%, 98%)
CMYK
cmyk(0%, 16%, 44%, 2%)
Oklch
oklch(88.1% 0.097 79.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EFF199

Fresh Green · Khaki · Lemon Cream

HEX
#EFF199
RGB
rgb(239, 241, 153)
HSL
hsl(61, 76%, 77%)
HSB
hsb(61, 37%, 95%)
CMYK
cmyk(1%, 0%, 37%, 5%)
Oklch
oklch(93.7% 0.110 109.5)

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

#ACDFC8

Jade · LightBlue · Apple Green

HEX
#ACDFC8
RGB
rgb(172, 223, 200)
HSL
hsl(153, 44%, 77%)
HSB
hsb(153, 23%, 87%)
CMYK
cmyk(23%, 0%, 10%, 13%)
Oklch
oklch(86.2% 0.062 165.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3352C
2BDAE3

Analogous

E32B7E
E3352C
E3902B

Triadic

E3352C
2BE334
342BE3

Split-Comp.

E3352C
2BE390
2B7EE3

Tetradic

E3352C
7EE32B
2BDAE3
902BE3

Contrast Matrix WCAG 2.1 Contrast

E3352C
F67E58
FAD18D
EFF199
ACDFC8
—
1.7
Fail
3.0
AA Large
3.7
AA Large
2.9
Fail
1.7
Fail
—
1.8
Fail
2.2
Fail
1.8
Fail
3.0
AA Large
1.8
Fail
—
1.2
Fail
1.0
Fail
3.7
AA Large
2.2
Fail
1.2
Fail
—
1.3
Fail
2.9
Fail
1.8
Fail
1.0
Fail
1.3
Fail
—
White BG
4.4AA Large
2.6Fail
1.4Fail
1.2Fail
1.5Fail
Black BG
4.8AA
8.0AAA
14.6AAA
17.7AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

98962E
C2C161
E8E89D
F0F0AE
C2C3CE

Deuteranopia

A2AF2F
C9D263
EBEEA1
F0F0B3
BFBBCF

Tritanopia

DA3030
F0686A
F8AAAD
EFBFC3
AFD2D3

Achromatopsia

686868
9E9E9E
D6D6D6
E6E6E6
CDCDCD

Shades & Tints Shades & Tints

#E3352C

Dark
Light

#F67E58

Dark
Light

#FAD18D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3352c;
  --color-2: #f67e58;
  --color-3: #fad18d;
  --color-4: #eff199;
  --color-5: #acdfc8;
}

SCSS

$color-1: #e3352c;
$color-2: #f67e58;
$color-3: #fad18d;
$color-4: #eff199;
$color-5: #acdfc8;

TAILWIND

colors: {
  'brand-1': '#e3352c',
  'brand-2': '#f67e58',
  'brand-3': '#fad18d',
  'brand-4': '#eff199',
  'brand-5': '#acdfc8',
}

RGB Array

[227, 53, 44], [246, 126, 88], [250, 209, 141], [239, 241, 153], [172, 223, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3352C, #F67E58, #FAD18D, #EFF199, #ACDFC8 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #e3352c; --color-2: #f67e58; --color-3: #fad18d; --color-4: #eff199; --color-5: #acdfc8. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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