← Back to Editor

#F34E69 · #F1677D · #F08E75 · #F0B575 · #F0D775

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

#F34E69

Peach Pink · Tomato · Coral Red

HEX
#F34E69
RGB
rgb(243, 78, 105)
HSL
hsl(350, 87%, 63%)
HSB
hsb(350, 68%, 95%)
CMYK
cmyk(0%, 68%, 57%, 5%)
Oklch
oklch(66.0% 0.200 15.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F1677D

Peach Pink · LightCoral · Coral Red

HEX
#F1677D
RGB
rgb(241, 103, 125)
HSL
hsl(350, 83%, 67%)
HSB
hsb(350, 57%, 95%)
CMYK
cmyk(0%, 57%, 48%, 5%)
Oklch
oklch(69.0% 0.170 12.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F08E75

Peach Pink · DarkSalmon · Coral Red

HEX
#F08E75
RGB
rgb(240, 142, 117)
HSL
hsl(12, 80%, 70%)
HSB
hsb(12, 51%, 94%)
CMYK
cmyk(0%, 41%, 51%, 6%)
Oklch
oklch(74.5% 0.125 35.2)

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

#F0B575

Ginger · BurlyWood · Warm Sun

HEX
#F0B575
RGB
rgb(240, 181, 117)
HSL
hsl(31, 80%, 70%)
HSB
hsb(31, 51%, 94%)
CMYK
cmyk(0%, 25%, 51%, 6%)
Oklch
oklch(81.4% 0.106 67.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F0D775

Ginger · Khaki · Sunflower

HEX
#F0D775
RGB
rgb(240, 215, 117)
HSL
hsl(48, 80%, 70%)
HSB
hsb(48, 51%, 94%)
CMYK
cmyk(0%, 10%, 51%, 6%)
Oklch
oklch(88.0% 0.122 95.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F34E69
4FF3D7

Analogous

F34FBC
F34E69
F3854F

Triadic

F34E69
6AF34F
4F6AF3

Split-Comp.

F34E69
4FF385
4FBCF3

Tetradic

F34E69
BCF34F
4FF3D7
854FF3

Contrast Matrix WCAG 2.1 Contrast

F34E69
F1677D
F08E75
F0B575
F0D775
—
1.1
Fail
1.4
Fail
1.9
Fail
2.4
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
2.1
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.4
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
White BG
3.4AA Large
3.0AA Large
2.4Fail
1.8Fail
1.4Fail
Black BG
6.1AA
7.0AA
8.8AAA
11.6AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAA62
B5B478
C6C57B
D6D684
E5E58D

Deuteranopia

B5C261
BDC876
CBD37D
DADE88
E7E992

Tritanopia

EB5D5C
EA7373
EB8081
ED9193
EF9FA4

Achromatopsia

828282
939393
A8A8A8
BFBFBF
D3D3D3

Shades & Tints Shades & Tints

#F34E69

Dark
Light

#F1677D

Dark
Light

#F08E75

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f34e69;
  --color-2: #f1677d;
  --color-3: #f08e75;
  --color-4: #f0b575;
  --color-5: #f0d775;
}

SCSS

$color-1: #f34e69;
$color-2: #f1677d;
$color-3: #f08e75;
$color-4: #f0b575;
$color-5: #f0d775;

TAILWIND

colors: {
  'brand-1': '#f34e69',
  'brand-2': '#f1677d',
  'brand-3': '#f08e75',
  'brand-4': '#f0b575',
  'brand-5': '#f0d775',
}

RGB Array

[243, 78, 105], [241, 103, 125], [240, 142, 117], [240, 181, 117], [240, 215, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F34E69, #F1677D, #F08E75, #F0B575, #F0D775 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: #f34e69; --color-2: #f1677d; --color-3: #f08e75; --color-4: #f0b575; --color-5: #f0d775. 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