← Back to Editor

#FF404B · #F1736F · #FAD6BE · #A5826F · #B397A6

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

#FF404B

Peach Pink · Tomato · Coral Red

HEX
#FF404B
RGB
rgb(255, 64, 75)
HSL
hsl(357, 100%, 63%)
HSB
hsb(357, 75%, 100%)
CMYK
cmyk(0%, 75%, 71%, 0%)
Oklch
oklch(66.1% 0.226 23.2)

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

#F1736F

Peach Pink · Salmon · Coral Red

HEX
#F1736F
RGB
rgb(241, 115, 111)
HSL
hsl(2, 82%, 69%)
HSB
hsb(2, 54%, 95%)
CMYK
cmyk(0%, 52%, 54%, 5%)
Oklch
oklch(70.3% 0.156 23.7)

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

#FAD6BE

Apricot · Wheat · Peach Orange

HEX
#FAD6BE
RGB
rgb(250, 214, 190)
HSL
hsl(24, 86%, 86%)
HSB
hsb(24, 24%, 98%)
CMYK
cmyk(0%, 14%, 24%, 2%)
Oklch
oklch(90.0% 0.052 55.6)

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

#A5826F

Tangerine · Gray · Warm Sun

HEX
#A5826F
RGB
rgb(165, 130, 111)
HSL
hsl(21, 23%, 54%)
HSB
hsb(21, 33%, 65%)
CMYK
cmyk(0%, 21%, 33%, 35%)
Oklch
oklch(63.5% 0.051 49.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#B397A6

Mauve · DarkGray · Rose Pink

HEX
#B397A6
RGB
rgb(179, 151, 166)
HSL
hsl(328, 16%, 65%)
HSB
hsb(328, 16%, 70%)
CMYK
cmyk(0%, 16%, 7%, 30%)
Oklch
oklch(70.6% 0.039 344.7)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF404B
42FFF6

Analogous

FF42AA
FF404B
FF9742

Triadic

FF404B
4CFF42
424CFF

Split-Comp.

FF404B
42FF97
42AAFF

Tetradic

FF404B
AAFF42
42FFF6
9742FF

Contrast Matrix WCAG 2.1 Contrast

FF404B
F1736F
FAD6BE
A5826F
B397A6
—
1.2
Fail
2.5
Fail
1.0
Fail
1.3
Fail
1.2
Fail
—
2.1
Fail
1.2
Fail
1.1
Fail
2.5
Fail
2.1
Fail
—
2.6
Fail
2.0
Fail
1.0
Fail
1.2
Fail
2.6
Fail
—
1.3
Fail
1.3
Fail
1.1
Fail
2.0
Fail
1.3
Fail
—
White BG
3.4AA Large
2.8Fail
1.4Fail
3.5AA Large
2.7Fail
Black BG
6.1AA
7.4AAA
15.4AAA
6.0AA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB48
BAB970
EAEAC4
969674
A7A7A2

Deuteranopia

B7C648
C2CB70
EDEFC5
989B75
A9ABA2

Tritanopia

F54646
EB7171
F8C8C9
A37778
B2A09F

Achromatopsia

7A7A7A
989898
DEDEDE
8A8A8A
A1A1A1

Shades & Tints Shades & Tints

#FF404B

Dark
Light

#F1736F

Dark
Light

#FAD6BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff404b;
  --color-2: #f1736f;
  --color-3: #fad6be;
  --color-4: #a5826f;
  --color-5: #b397a6;
}

SCSS

$color-1: #ff404b;
$color-2: #f1736f;
$color-3: #fad6be;
$color-4: #a5826f;
$color-5: #b397a6;

TAILWIND

colors: {
  'brand-1': '#ff404b',
  'brand-2': '#f1736f',
  'brand-3': '#fad6be',
  'brand-4': '#a5826f',
  'brand-5': '#b397a6',
}

RGB Array

[255, 64, 75], [241, 115, 111], [250, 214, 190], [165, 130, 111], [179, 151, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF404B, #F1736F, #FAD6BE, #A5826F, #B397A6 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: #ff404b; --color-2: #f1736f; --color-3: #fad6be; --color-4: #a5826f; --color-5: #b397a6. 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