← Back to Editor

#F7435C · #F19D93 · #FCCAA5 · #CECAAD · #7AAF9B

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 App

Color Details Color Details

#F7435C

Peach Pink · Tomato · Coral Red

HEX
#F7435C
RGB
rgb(247, 67, 92)
HSL
hsl(352, 92%, 62%)
HSB
hsb(352, 73%, 97%)
CMYK
cmyk(0%, 73%, 63%, 3%)
Oklch
oklch(65.3% 0.215 18.0)

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

#F19D93

Peach Pink · DarkSalmon · Coral Red

HEX
#F19D93
RGB
rgb(241, 157, 147)
HSL
hsl(6, 77%, 76%)
HSB
hsb(6, 39%, 95%)
CMYK
cmyk(0%, 35%, 39%, 5%)
Oklch
oklch(77.7% 0.102 27.1)

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

#FCCAA5

Apricot · Wheat · Peach Orange

HEX
#FCCAA5
RGB
rgb(252, 202, 165)
HSL
hsl(26, 94%, 82%)
HSB
hsb(26, 35%, 99%)
CMYK
cmyk(0%, 20%, 35%, 1%)
Oklch
oklch(87.4% 0.075 58.1)

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

#CECAAD

Fresh Green · Silver · Sunflower

HEX
#CECAAD
RGB
rgb(206, 202, 173)
HSL
hsl(53, 25%, 74%)
HSB
hsb(53, 16%, 81%)
CMYK
cmyk(0%, 2%, 16%, 19%)
Oklch
oklch(83.5% 0.039 100.7)

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

#7AAF9B

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#7AAF9B
RGB
rgb(122, 175, 155)
HSL
hsl(157, 25%, 58%)
HSB
hsb(157, 30%, 69%)
CMYK
cmyk(30%, 0%, 11%, 31%)
Oklch
oklch(71.1% 0.063 169.0)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7435C
45F7DF

Analogous

F745B6
F7435C
F78645

Triadic

F7435C
5DF745
455DF7

Split-Comp.

F7435C
45F786
45B6F7

Tetradic

F7435C
B6F745
45F7DF
8645F7

Contrast Matrix WCAG 2.1 Contrast

F7435C
F19D93
FCCAA5
CECAAD
7AAF9B
—
1.7
Fail
2.4
Fail
2.1
Fail
1.4
Fail
1.7
Fail
—
1.4
Fail
1.3
Fail
1.2
Fail
2.4
Fail
1.4
Fail
—
1.1
Fail
1.7
Fail
2.1
Fail
1.3
Fail
1.1
Fail
—
1.5
Fail
1.4
Fail
1.2
Fail
1.7
Fail
1.5
Fail
—
White BG
3.6AA Large
2.1Fail
1.5Fail
1.7Fail
2.5Fail
Black BG
5.9AA
10.0AAA
14.1AAA
12.7AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A756
CDCC95
E6E6AE
CCCCB4
9191A0

Deuteranopia

B4C154
D2D896
E9EDB0
CDCDB6
8E8AA1

Tritanopia

EE5150
ED9798
F9B5B7
CEBABB
7DA4A5

Achromatopsia

7C7C7C
B5B5B5
D5D5D5
C8C8C8
9D9D9D

Shades & Tints Shades & Tints

#F7435C

Dark
Light

#F19D93

Dark
Light

#FCCAA5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7435c;
  --color-2: #f19d93;
  --color-3: #fccaa5;
  --color-4: #cecaad;
  --color-5: #7aaf9b;
}

SCSS

$color-1: #f7435c;
$color-2: #f19d93;
$color-3: #fccaa5;
$color-4: #cecaad;
$color-5: #7aaf9b;

TAILWIND

colors: {
  'brand-1': '#f7435c',
  'brand-2': '#f19d93',
  'brand-3': '#fccaa5',
  'brand-4': '#cecaad',
  'brand-5': '#7aaf9b',
}

RGB Array

[247, 67, 92], [241, 157, 147], [252, 202, 165], [206, 202, 173], [122, 175, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7435C, #F19D93, #FCCAA5, #CECAAD, #7AAF9B 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: #f7435c; --color-2: #f19d93; --color-3: #fccaa5; --color-4: #cecaad; --color-5: #7aaf9b. 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