← Back to Editor

#EFF2BB · #FEB884 · #FC615D · #E62947 · #3E0307

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 AppData Visualization

Color Details Color Details

#EFF2BB

Fresh Green · Wheat · Lemon Cream

HEX
#EFF2BB
RGB
rgb(239, 242, 187)
HSL
hsl(63, 68%, 84%)
HSB
hsb(63, 23%, 95%)
CMYK
cmyk(1%, 0%, 23%, 5%)
Oklch
oklch(94.5% 0.071 110.3)

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

#FEB884

Apricot · LightSalmon · Peach Orange

HEX
#FEB884
RGB
rgb(254, 184, 132)
HSL
hsl(26, 98%, 76%)
HSB
hsb(26, 48%, 100%)
CMYK
cmyk(0%, 28%, 48%, 0%)
Oklch
oklch(83.6% 0.106 57.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FC615D

Peach Pink · Tomato · Coral Red

HEX
#FC615D
RGB
rgb(252, 97, 93)
HSL
hsl(2, 96%, 68%)
HSB
hsb(2, 63%, 99%)
CMYK
cmyk(0%, 62%, 63%, 1%)
Oklch
oklch(69.2% 0.190 24.9)

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

#E62947

Vermilion · Crimson · Passion Red

HEX
#E62947
RGB
rgb(230, 41, 71)
HSL
hsl(350, 79%, 53%)
HSB
hsb(350, 82%, 90%)
CMYK
cmyk(0%, 82%, 69%, 10%)
Oklch
oklch(60.1% 0.220 19.6)

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

#3E0307

Vermilion · Black · Deep Berry

HEX
#3E0307
RGB
rgb(62, 3, 7)
HSL
hsl(356, 91%, 13%)
HSB
hsb(356, 95%, 24%)
CMYK
cmyk(0%, 95%, 89%, 76%)
Oklch
oklch(23.4% 0.089 23.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFF2BB
BDBAF2

Analogous

F2D9BA
EFF2BB
D3F2BA

Triadic

EFF2BB
BAEFF2
F2BAEF

Split-Comp.

EFF2BB
BAD3F2
D9BAF2

Tetradic

EFF2BB
BAF2D9
BDBAF2
F2BAD3

Contrast Matrix WCAG 2.1 Contrast

EFF2BB
FEB884
FC615D
E62947
3E0307
—
1.5
Fail
2.6
Fail
3.8
AA Large
14.8
AAA
1.5
Fail
—
1.8
Fail
2.6
Fail
10.2
AAA
2.6
Fail
1.8
Fail
—
1.5
Fail
5.7
AA
3.8
AA Large
2.6
Fail
1.5
Fail
—
3.9
AA Large
14.8
AAA
10.2
AAA
5.7
AA
3.9
AA Large
—
White BG
1.2Fail
1.7Fail
3.0Fail
4.4AA Large
17.2AAA
Black BG
18.1AAA
12.4AAA
7.0AAA
4.8AA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0C8
E0DF91
B9B75E
949240
242406

Deuteranopia

F0F0CC
E4E994
C2CD5E
9FAD3E
282C06

Tritanopia

EFD3D5
FA9B9D
F45F5F
DD3A39
3B0505

Achromatopsia

EBEBEB
C7C7C7
8F8F8F
656565
151515

Shades & Tints Shades & Tints

#EFF2BB

Dark
Light

#FEB884

Dark
Light

#FC615D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eff2bb;
  --color-2: #feb884;
  --color-3: #fc615d;
  --color-4: #e62947;
  --color-5: #3e0307;
}

SCSS

$color-1: #eff2bb;
$color-2: #feb884;
$color-3: #fc615d;
$color-4: #e62947;
$color-5: #3e0307;

TAILWIND

colors: {
  'brand-1': '#eff2bb',
  'brand-2': '#feb884',
  'brand-3': '#fc615d',
  'brand-4': '#e62947',
  'brand-5': '#3e0307',
}

RGB Array

[239, 242, 187], [254, 184, 132], [252, 97, 93], [230, 41, 71], [62, 3, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFF2BB, #FEB884, #FC615D, #E62947, #3E0307 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #eff2bb; --color-2: #feb884; --color-3: #fc615d; --color-4: #e62947; --color-5: #3e0307. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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