← Back to Editor

#F2656B · #FFA773 · #F1D073 · #FFDDA5 · #F4647D

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

#F2656B

Peach Pink · Salmon · Coral Red

HEX
#F2656B
RGB
rgb(242, 101, 107)
HSL
hsl(357, 84%, 67%)
HSB
hsb(357, 58%, 95%)
CMYK
cmyk(0%, 58%, 56%, 5%)
Oklch
oklch(68.5% 0.174 20.4)

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

#FFA773

Apricot · LightSalmon · Warm Sun

HEX
#FFA773
RGB
rgb(255, 167, 115)
HSL
hsl(22, 100%, 73%)
HSB
hsb(22, 55%, 100%)
CMYK
cmyk(0%, 35%, 55%, 0%)
Oklch
oklch(80.5% 0.124 50.8)

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

#F1D073

Ginger · Khaki · Sunflower

HEX
#F1D073
RGB
rgb(241, 208, 115)
HSL
hsl(44, 82%, 70%)
HSB
hsb(44, 52%, 95%)
CMYK
cmyk(0%, 14%, 52%, 5%)
Oklch
oklch(86.7% 0.119 90.3)

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

#FFDDA5

Goose Yellow · Wheat · Peach Orange

HEX
#FFDDA5
RGB
rgb(255, 221, 165)
HSL
hsl(37, 100%, 82%)
HSB
hsb(37, 35%, 100%)
CMYK
cmyk(0%, 13%, 35%, 0%)
Oklch
oklch(91.3% 0.081 79.9)

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

#F4647D

Peach Pink · LightCoral · Coral Red

HEX
#F4647D
RGB
rgb(244, 100, 125)
HSL
hsl(350, 87%, 67%)
HSB
hsb(350, 59%, 96%)
CMYK
cmyk(0%, 59%, 49%, 4%)
Oklch
oklch(69.0% 0.177 12.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2656B
64F2EA

Analogous

F264B2
F2656B
F2A464

Triadic

F2656B
6BF264
646BF2

Split-Comp.

F2656B
64F2A4
64B2F2

Tetradic

F2656B
B2F264
64F2EA
A464F2

Contrast Matrix WCAG 2.1 Contrast

F2656B
FFA773
F1D073
FFDDA5
F4647D
—
1.6
Fail
2.0
Fail
2.4
Fail
1.0
Fail
1.6
Fail
—
1.3
Fail
1.5
Fail
1.6
Fail
2.0
Fail
1.3
Fail
—
1.2
Fail
2.0
Fail
2.4
Fail
1.5
Fail
1.2
Fail
—
2.3
Fail
1.0
Fail
1.6
Fail
2.0
Fail
2.3
Fail
—
White BG
3.1AA Large
1.9Fail
1.5Fail
1.3Fail
3.0AA Large
Black BG
6.8AA
11.0AAA
14.0AAA
16.1AAA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B46A
D9D880
E3E28A
F0F0B3
B6B477

Deuteranopia

BDC869
DEE583
E5E78F
F2F5B6
BEC976

Tritanopia

EB6868
FB8A8C
EF9B9F
FDBDC0
ED7271

Achromatopsia

909090
BBBBBB
CFCFCF
E1E1E1
929292

Shades & Tints Shades & Tints

#F2656B

Dark
Light

#FFA773

Dark
Light

#F1D073

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2656b;
  --color-2: #ffa773;
  --color-3: #f1d073;
  --color-4: #ffdda5;
  --color-5: #f4647d;
}

SCSS

$color-1: #f2656b;
$color-2: #ffa773;
$color-3: #f1d073;
$color-4: #ffdda5;
$color-5: #f4647d;

TAILWIND

colors: {
  'brand-1': '#f2656b',
  'brand-2': '#ffa773',
  'brand-3': '#f1d073',
  'brand-4': '#ffdda5',
  'brand-5': '#f4647d',
}

RGB Array

[242, 101, 107], [255, 167, 115], [241, 208, 115], [255, 221, 165], [244, 100, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2656B, #FFA773, #F1D073, #FFDDA5, #F4647D 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: #f2656b; --color-2: #ffa773; --color-3: #f1d073; --color-4: #ffdda5; --color-5: #f4647d. 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