← Back to Editor

#FF7F6B · #FC7D47 · #F7EE9E · #FF9C6B · #FC494F

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

#FF7F6B

Peach Pink · Salmon · Coral Red

HEX
#FF7F6B
RGB
rgb(255, 127, 107)
HSL
hsl(8, 100%, 71%)
HSB
hsb(8, 58%, 100%)
CMYK
cmyk(0%, 50%, 58%, 0%)
Oklch
oklch(73.9% 0.160 30.5)

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

#FC7D47

Apricot · Coral · Warm Sun

HEX
#FC7D47
RGB
rgb(252, 125, 71)
HSL
hsl(18, 97%, 63%)
HSB
hsb(18, 72%, 99%)
CMYK
cmyk(0%, 50%, 72%, 1%)
Oklch
oklch(72.7% 0.170 42.4)

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

#F7EE9E

Fresh Green · Khaki · Lemon Cream

HEX
#F7EE9E
RGB
rgb(247, 238, 158)
HSL
hsl(54, 85%, 79%)
HSB
hsb(54, 36%, 97%)
CMYK
cmyk(0%, 4%, 36%, 3%)
Oklch
oklch(93.8% 0.101 102.6)

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

#FF9C6B

Apricot · LightSalmon · Warm Sun

HEX
#FF9C6B
RGB
rgb(255, 156, 107)
HSL
hsl(20, 100%, 71%)
HSB
hsb(20, 58%, 100%)
CMYK
cmyk(0%, 39%, 58%, 0%)
Oklch
oklch(78.5% 0.135 46.5)

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

#FC494F

Peach Pink · Tomato · Coral Red

HEX
#FC494F
RGB
rgb(252, 73, 79)
HSL
hsl(358, 97%, 64%)
HSB
hsb(358, 71%, 99%)
CMYK
cmyk(0%, 71%, 69%, 1%)
Oklch
oklch(66.5% 0.215 23.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7F6B
6BEBFF

Analogous

FF6BA1
FF7F6B
FFC96B

Triadic

FF7F6B
6BFF7F
7F6BFF

Split-Comp.

FF7F6B
6BFFC9
6BA1FF

Tetradic

FF7F6B
A1FF6B
6BEBFF
C96BFF

Contrast Matrix WCAG 2.1 Contrast

FF7F6B
FC7D47
F7EE9E
FF9C6B
FC494F
—
1.0
Fail
2.1
Fail
1.2
Fail
1.4
Fail
1.0
Fail
—
2.2
Fail
1.3
Fail
1.3
Fail
2.1
Fail
2.2
Fail
—
1.7
Fail
2.8
Fail
1.2
Fail
1.3
Fail
1.7
Fail
—
1.6
Fail
1.4
Fail
1.3
Fail
2.8
Fail
1.6
Fail
—
White BG
2.5Fail
2.6Fail
1.2Fail
2.1Fail
3.4AA Large
Black BG
8.5AAA
8.2AAA
17.7AAA
10.2AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C670
C5C454
F3F3B1
D4D377
AEAD4E

Deuteranopia

CFD971
CCD657
F4F4B6
DAE17A
B9C64D

Tritanopia

F97475
F65E61
F7C1C4
FA8082
F34C4C

Achromatopsia

A3A3A3
9D9D9D
E8E8E8
B4B4B4
7F7F7F

Shades & Tints Shades & Tints

#FF7F6B

Dark
Light

#FC7D47

Dark
Light

#F7EE9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7f6b;
  --color-2: #fc7d47;
  --color-3: #f7ee9e;
  --color-4: #ff9c6b;
  --color-5: #fc494f;
}

SCSS

$color-1: #ff7f6b;
$color-2: #fc7d47;
$color-3: #f7ee9e;
$color-4: #ff9c6b;
$color-5: #fc494f;

TAILWIND

colors: {
  'brand-1': '#ff7f6b',
  'brand-2': '#fc7d47',
  'brand-3': '#f7ee9e',
  'brand-4': '#ff9c6b',
  'brand-5': '#fc494f',
}

RGB Array

[255, 127, 107], [252, 125, 71], [247, 238, 158], [255, 156, 107], [252, 73, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF7F6B, #FC7D47, #F7EE9E, #FF9C6B, #FC494F 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: #ff7f6b; --color-2: #fc7d47; --color-3: #f7ee9e; --color-4: #ff9c6b; --color-5: #fc494f. 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