← Back to Editor

#EFB4B0 · #FEF6D1 · #F0DD7F · #80AB8F · #274A68

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

Color Details Color Details

#EFB4B0

Peach Pink · LightPink · Cherry Blossom

HEX
#EFB4B0
RGB
rgb(239, 180, 176)
HSL
hsl(4, 66%, 81%)
HSB
hsb(4, 26%, 94%)
CMYK
cmyk(0%, 25%, 26%, 6%)
Oklch
oklch(82.3% 0.069 23.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FEF6D1

Goose Yellow · Beige · Lemon Cream

HEX
#FEF6D1
RGB
rgb(254, 246, 209)
HSL
hsl(49, 96%, 91%)
HSB
hsb(49, 18%, 100%)
CMYK
cmyk(0%, 3%, 18%, 0%)
Oklch
oklch(97.0% 0.049 97.1)

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

#F0DD7F

Fresh Green · Khaki · Sunflower

HEX
#F0DD7F
RGB
rgb(240, 221, 127)
HSL
hsl(50, 79%, 72%)
HSB
hsb(50, 47%, 94%)
CMYK
cmyk(0%, 8%, 47%, 6%)
Oklch
oklch(89.3% 0.117 98.2)

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

#80AB8F

Celadon · DarkSeaGreen · Olive Green

HEX
#80AB8F
RGB
rgb(128, 171, 143)
HSL
hsl(141, 20%, 59%)
HSB
hsb(141, 25%, 67%)
CMYK
cmyk(25%, 0%, 16%, 33%)
Oklch
oklch(70.2% 0.062 155.9)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#274A68

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#274A68
RGB
rgb(39, 74, 104)
HSL
hsl(208, 45%, 28%)
HSB
hsb(208, 63%, 41%)
CMYK
cmyk(63%, 29%, 0%, 59%)
Oklch
oklch(39.7% 0.065 246.3)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFB4B0
AFEAEF

Analogous

EFAFCA
EFB4B0
EFD3AF

Triadic

EFB4B0
AFEFB3
B3AFEF

Split-Comp.

EFB4B0
AFEFD3
AFCAEF

Tetradic

EFB4B0
CAEFAF
AFEAEF
D3AFEF

Contrast Matrix WCAG 2.1 Contrast

EFB4B0
FEF6D1
F0DD7F
80AB8F
274A68
—
1.6
Fail
1.3
Fail
1.5
Fail
5.2
AA
1.6
Fail
—
1.3
Fail
2.4
Fail
8.5
AAA
1.3
Fail
1.3
Fail
—
1.9
Fail
6.8
AA
1.5
Fail
2.4
Fail
1.9
Fail
—
3.6
AA Large
5.2
AA
8.5
AAA
6.8
AA
3.6
AA Large
—
White BG
1.8Fail
1.1Fail
1.4Fail
2.6Fail
9.3AAA
Black BG
11.8AAA
19.3AAA
15.4AAA
8.1AAA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5B1
FBFADA
E8E896
939396
363661

Deuteranopia

D9DDB1
FBFCDC
E9EA9B
908D97
34325F

Tritanopia

ECB2B2
FEE1E3
EFA8AC
829B9C
295B5A

Achromatopsia

C5C5C5
F4F4F4
D8D8D8
9B9B9B
434343

Shades & Tints Shades & Tints

#EFB4B0

Dark
Light

#FEF6D1

Dark
Light

#F0DD7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efb4b0;
  --color-2: #fef6d1;
  --color-3: #f0dd7f;
  --color-4: #80ab8f;
  --color-5: #274a68;
}

SCSS

$color-1: #efb4b0;
$color-2: #fef6d1;
$color-3: #f0dd7f;
$color-4: #80ab8f;
$color-5: #274a68;

TAILWIND

colors: {
  'brand-1': '#efb4b0',
  'brand-2': '#fef6d1',
  'brand-3': '#f0dd7f',
  'brand-4': '#80ab8f',
  'brand-5': '#274a68',
}

RGB Array

[239, 180, 176], [254, 246, 209], [240, 221, 127], [128, 171, 143], [39, 74, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFB4B0, #FEF6D1, #F0DD7F, #80AB8F, #274A68 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #efb4b0; --color-2: #fef6d1; --color-3: #f0dd7f; --color-4: #80ab8f; --color-5: #274a68. 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. 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