← Back to Editor

#FF2D4B · #F09749 · #FDAF8F · #B79B7E · #AC8C92

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

#FF2D4B

Vermilion · Crimson · Passion Red

HEX
#FF2D4B
RGB
rgb(255, 45, 75)
HSL
hsl(351, 100%, 59%)
HSB
hsb(351, 82%, 100%)
CMYK
cmyk(0%, 82%, 71%, 0%)
Oklch
oklch(64.8% 0.239 20.7)

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

#F09749

Apricot · SandyBrown · Warm Sun

HEX
#F09749
RGB
rgb(240, 151, 73)
HSL
hsl(28, 85%, 61%)
HSB
hsb(28, 70%, 94%)
CMYK
cmyk(0%, 37%, 70%, 6%)
Oklch
oklch(75.4% 0.141 59.1)

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

#FDAF8F

Apricot · LightSalmon · Peach Orange

HEX
#FDAF8F
RGB
rgb(253, 175, 143)
HSL
hsl(17, 96%, 78%)
HSB
hsb(17, 43%, 99%)
CMYK
cmyk(0%, 31%, 43%, 1%)
Oklch
oklch(82.1% 0.102 43.1)

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

#B79B7E

Ginger · Tan · Warm Sun

HEX
#B79B7E
RGB
rgb(183, 155, 126)
HSL
hsl(31, 28%, 61%)
HSB
hsb(31, 31%, 72%)
CMYK
cmyk(0%, 15%, 31%, 28%)
Oklch
oklch(70.7% 0.052 67.8)

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

#AC8C92

Peach Pink · DarkGray · Coral Red

HEX
#AC8C92
RGB
rgb(172, 140, 146)
HSL
hsl(349, 16%, 61%)
HSB
hsb(349, 19%, 67%)
CMYK
cmyk(0%, 19%, 15%, 33%)
Oklch
oklch(67.1% 0.040 5.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF2D4B
2EFFE0

Analogous

FF2EB6
FF2D4B
FF772E

Triadic

FF2D4B
4DFF2E
2E4DFF

Split-Comp.

FF2D4B
2EFF77
2EB6FF

Tetradic

FF2D4B
B6FF2E
2EFFE0
772EFF

Contrast Matrix WCAG 2.1 Contrast

FF2D4B
F09749
FDAF8F
B79B7E
AC8C92
—
1.6
Fail
2.0
Fail
1.4
Fail
1.2
Fail
1.6
Fail
—
1.3
Fail
1.2
Fail
1.3
Fail
2.0
Fail
1.3
Fail
—
1.5
Fail
1.7
Fail
1.4
Fail
1.2
Fail
1.5
Fail
—
1.2
Fail
1.2
Fail
1.3
Fail
1.7
Fail
1.2
Fail
—
White BG
3.7AA Large
2.3Fail
1.8Fail
2.6Fail
3.0AA Large
Black BG
5.7AA
9.2AAA
11.7AAA
8.0AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A244
C9C95C
DBDB97
ABAB85
9E9E91

Deuteranopia

B0C042
CFD560
E0E699
ADAF87
A0A290

Tritanopia

F53E3D
EC6B6E
F99D9E
B68B8C
AA8F8F

Achromatopsia

6F6F6F
A9A9A9
C3C3C3
A0A0A0
969696

Shades & Tints Shades & Tints

#FF2D4B

Dark
Light

#F09749

Dark
Light

#FDAF8F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff2d4b;
  --color-2: #f09749;
  --color-3: #fdaf8f;
  --color-4: #b79b7e;
  --color-5: #ac8c92;
}

SCSS

$color-1: #ff2d4b;
$color-2: #f09749;
$color-3: #fdaf8f;
$color-4: #b79b7e;
$color-5: #ac8c92;

TAILWIND

colors: {
  'brand-1': '#ff2d4b',
  'brand-2': '#f09749',
  'brand-3': '#fdaf8f',
  'brand-4': '#b79b7e',
  'brand-5': '#ac8c92',
}

RGB Array

[255, 45, 75], [240, 151, 73], [253, 175, 143], [183, 155, 126], [172, 140, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF2D4B, #F09749, #FDAF8F, #B79B7E, #AC8C92 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #ff2d4b; --color-2: #f09749; --color-3: #fdaf8f; --color-4: #b79b7e; --color-5: #ac8c92. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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