← Back to Editor

#EF438F · #F27094 · #F9D587 · #F5EC9F · #F8EDCF

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

#EF438F

Dark Violet · DeepPink · Rose Pink

HEX
#EF438F
RGB
rgb(239, 67, 143)
HSL
hsl(333, 84%, 60%)
HSB
hsb(333, 72%, 94%)
CMYK
cmyk(0%, 72%, 40%, 6%)
Oklch
oklch(65.3% 0.216 358.2)

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

#F27094

Rouge · LightCoral · Rose Pink

HEX
#F27094
RGB
rgb(242, 112, 148)
HSL
hsl(343, 83%, 69%)
HSB
hsb(343, 54%, 95%)
CMYK
cmyk(0%, 54%, 39%, 5%)
Oklch
oklch(70.9% 0.163 4.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F9D587

Goose Yellow · Khaki · Sunflower

HEX
#F9D587
RGB
rgb(249, 213, 135)
HSL
hsl(41, 90%, 75%)
HSB
hsb(41, 46%, 98%)
CMYK
cmyk(0%, 14%, 46%, 2%)
Oklch
oklch(88.7% 0.105 85.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#F5EC9F

Fresh Green · Khaki · Lemon Cream

HEX
#F5EC9F
RGB
rgb(245, 236, 159)
HSL
hsl(54, 81%, 79%)
HSB
hsb(54, 35%, 96%)
CMYK
cmyk(0%, 4%, 35%, 4%)
Oklch
oklch(93.3% 0.097 102.4)

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

#F8EDCF

Goose Yellow · Beige · Lemon Cream

HEX
#F8EDCF
RGB
rgb(248, 237, 207)
HSL
hsl(44, 75%, 89%)
HSB
hsb(44, 17%, 97%)
CMYK
cmyk(0%, 4%, 17%, 3%)
Oklch
oklch(94.7% 0.041 90.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF438F
43EFA2

Analogous

EF43E6
EF438F
EF4C43

Triadic

EF438F
90EF43
4390EF

Split-Comp.

EF438F
43EF4C
43E6EF

Tetradic

EF438F
E6EF43
43EFA2
4C43EF

Contrast Matrix WCAG 2.1 Contrast

EF438F
F27094
F9D587
F5EC9F
F8EDCF
—
1.3
Fail
2.5
Fail
3.0
Fail
3.1
AA Large
1.3
Fail
—
2.0
Fail
2.3
Fail
2.4
Fail
2.5
Fail
2.0
Fail
—
1.2
Fail
1.2
Fail
3.0
Fail
2.3
Fail
1.2
Fail
—
1.0
Fail
3.1
AA Large
2.4
Fail
1.2
Fail
1.0
Fail
—
White BG
3.6AA Large
2.8Fail
1.4Fail
1.2Fail
1.2Fail
Black BG
5.9AA
7.5AAA
14.9AAA
17.4AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A37D
BAB98B
E9E99A
F1F1B2
F3F3D6

Deuteranopia

AFBB78
C1CB89
ECEE9E
F2F2B6
F4F5D8

Tritanopia

E66E6B
EB8483
F7A9AC
F5C0C4
F7DCDD

Achromatopsia

7F7F7F
9B9B9B
D7D7D7
E6E6E6
EDEDED

Shades & Tints Shades & Tints

#EF438F

Dark
Light

#F27094

Dark
Light

#F9D587

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef438f;
  --color-2: #f27094;
  --color-3: #f9d587;
  --color-4: #f5ec9f;
  --color-5: #f8edcf;
}

SCSS

$color-1: #ef438f;
$color-2: #f27094;
$color-3: #f9d587;
$color-4: #f5ec9f;
$color-5: #f8edcf;

TAILWIND

colors: {
  'brand-1': '#ef438f',
  'brand-2': '#f27094',
  'brand-3': '#f9d587',
  'brand-4': '#f5ec9f',
  'brand-5': '#f8edcf',
}

RGB Array

[239, 67, 143], [242, 112, 148], [249, 213, 135], [245, 236, 159], [248, 237, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EF438F, #F27094, #F9D587, #F5EC9F, #F8EDCF 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: #ef438f; --color-2: #f27094; --color-3: #f9d587; --color-4: #f5ec9f; --color-5: #f8edcf. 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