← Back to Editor

#F0B3A5 · #BD5E5C · #FBD290 · #EDE68E · #D5D686

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

#F0B3A5

Peach Pink · LightPink · Coral Red

HEX
#F0B3A5
RGB
rgb(240, 179, 165)
HSL
hsl(11, 71%, 79%)
HSB
hsb(11, 31%, 94%)
CMYK
cmyk(0%, 25%, 31%, 6%)
Oklch
oklch(81.9% 0.074 33.3)

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

#BD5E5C

Crimson · Sienna · Passion Red

HEX
#BD5E5C
RGB
rgb(189, 94, 92)
HSL
hsl(1, 42%, 55%)
HSB
hsb(1, 51%, 74%)
CMYK
cmyk(0%, 50%, 51%, 26%)
Oklch
oklch(59.5% 0.123 22.7)

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

#FBD290

Goose Yellow · Khaki · Peach Orange

HEX
#FBD290
RGB
rgb(251, 210, 144)
HSL
hsl(37, 93%, 77%)
HSB
hsb(37, 43%, 98%)
CMYK
cmyk(0%, 16%, 43%, 2%)
Oklch
oklch(88.4% 0.095 78.9)

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

#EDE68E

Fresh Green · Khaki · Sunflower

HEX
#EDE68E
RGB
rgb(237, 230, 142)
HSL
hsl(56, 73%, 74%)
HSB
hsb(56, 40%, 93%)
CMYK
cmyk(0%, 3%, 40%, 7%)
Oklch
oklch(91.1% 0.110 104.4)

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

#D5D686

Fresh Green · BurlyWood · Sunflower

HEX
#D5D686
RGB
rgb(213, 214, 134)
HSL
hsl(61, 49%, 68%)
HSB
hsb(61, 37%, 84%)
CMYK
cmyk(0%, 0%, 37%, 16%)
Oklch
oklch(85.7% 0.102 109.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0B3A5
A3E2EF

Analogous

EFA3BC
F0B3A5
EFD7A3

Triadic

F0B3A5
A3EFB1
B1A3EF

Split-Comp.

F0B3A5
A3EFD7
A3BCEF

Tetradic

F0B3A5
BCEFA3
A3E2EF
D7A3EF

Contrast Matrix WCAG 2.1 Contrast

F0B3A5
BD5E5C
FBD290
EDE68E
D5D686
—
2.4
Fail
1.3
Fail
1.4
Fail
1.2
Fail
2.4
Fail
—
3.0
Fail
3.3
AA Large
2.8
Fail
1.3
Fail
3.0
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
3.3
AA Large
1.1
Fail
—
1.2
Fail
1.2
Fail
2.8
Fail
1.1
Fail
1.2
Fail
—
White BG
1.8Fail
4.3AA Large
1.4Fail
1.3Fail
1.5Fail
Black BG
11.7AAA
4.9AA
14.7AAA
16.3AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D5A8
94935C
E9E9A0
EAEAA3
D5D599

Deuteranopia

D9DEA9
99A05D
ECEFA4
EAEBA8
D5D59E

Tritanopia

EDABAC
B85D5D
F9ADAF
EDB4B8
D5A9AC

Achromatopsia

C4C4C4
7A7A7A
D7D7D7
DEDEDE
CDCDCD

Shades & Tints Shades & Tints

#F0B3A5

Dark
Light

#BD5E5C

Dark
Light

#FBD290

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0b3a5;
  --color-2: #bd5e5c;
  --color-3: #fbd290;
  --color-4: #ede68e;
  --color-5: #d5d686;
}

SCSS

$color-1: #f0b3a5;
$color-2: #bd5e5c;
$color-3: #fbd290;
$color-4: #ede68e;
$color-5: #d5d686;

TAILWIND

colors: {
  'brand-1': '#f0b3a5',
  'brand-2': '#bd5e5c',
  'brand-3': '#fbd290',
  'brand-4': '#ede68e',
  'brand-5': '#d5d686',
}

RGB Array

[240, 179, 165], [189, 94, 92], [251, 210, 144], [237, 230, 142], [213, 214, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0B3A5, #BD5E5C, #FBD290, #EDE68E, #D5D686 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: #f0b3a5; --color-2: #bd5e5c; --color-3: #fbd290; --color-4: #ede68e; --color-5: #d5d686. 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