← Back to Editor

#F15E71 · #5E3E4B · #766126 · #FB5401 · #FD9BDE

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 AppData Visualization

Color Details Color Details

#F15E71

Peach Pink · Salmon · Coral Red

HEX
#F15E71
RGB
rgb(241, 94, 113)
HSL
hsl(352, 84%, 66%)
HSB
hsb(352, 61%, 95%)
CMYK
cmyk(0%, 61%, 53%, 5%)
Oklch
oklch(67.6% 0.181 15.6)

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

#5E3E4B

Dark Violet · DarkSlateGray · Camellia

HEX
#5E3E4B
RGB
rgb(94, 62, 75)
HSL
hsl(336, 21%, 31%)
HSB
hsb(336, 34%, 37%)
CMYK
cmyk(0%, 34%, 20%, 63%)
Oklch
oklch(40.5% 0.049 353.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#766126

Ochre · DarkOliveGreen · Honey Gold

HEX
#766126
RGB
rgb(118, 97, 38)
HSL
hsl(44, 51%, 31%)
HSB
hsb(44, 68%, 46%)
CMYK
cmyk(0%, 18%, 68%, 54%)
Oklch
oklch(50.1% 0.082 89.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#FB5401

Tangerine · OrangeRed · Amber Brown

HEX
#FB5401
RGB
rgb(251, 84, 1)
HSL
hsl(20, 99%, 49%)
HSB
hsb(20, 100%, 98%)
CMYK
cmyk(0%, 67%, 100%, 2%)
Oklch
oklch(66.8% 0.214 38.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FD9BDE

Mauve · Violet · Lilac Purple

HEX
#FD9BDE
RGB
rgb(253, 155, 222)
HSL
hsl(319, 96%, 80%)
HSB
hsb(319, 39%, 99%)
CMYK
cmyk(0%, 39%, 12%, 1%)
Oklch
oklch(81.0% 0.142 339.7)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F15E71
5FF1DE

Analogous

F15FBC
F15E71
F1955F

Triadic

F15E71
73F15F
5F73F1

Split-Comp.

F15E71
5FF195
5FBCF1

Tetradic

F15E71
BCF15F
5FF1DE
955FF1

Contrast Matrix WCAG 2.1 Contrast

F15E71
5E3E4B
766126
FB5401
FD9BDE
—
2.9
Fail
1.9
Fail
1.0
Fail
1.7
Fail
2.9
Fail
—
1.5
Fail
2.8
Fail
4.8
AA
1.9
Fail
1.5
Fail
—
1.8
Fail
3.1
AA Large
1.0
Fail
2.8
Fail
1.8
Fail
—
1.7
Fail
1.7
Fail
4.8
AA
3.1
AA Large
1.7
Fail
—
White BG
3.2AA Large
9.3AAA
6.0AA
3.3AA Large
1.9Fail
Black BG
6.6AA
2.3Fail
3.5AA Large
6.4AA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B06C
505048
6D6D34
B3B115
D3D2CE

Deuteranopia

BAC56B
525447
6E7038
BCC91A
D8E0CA

Tritanopia

EA6968
5C4545
754042
F32528
F8C1BE

Achromatopsia

8C8C8C
494949
616161
7C7C7C
C0C0C0

Shades & Tints Shades & Tints

#F15E71

Dark
Light

#5E3E4B

Dark
Light

#766126

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f15e71;
  --color-2: #5e3e4b;
  --color-3: #766126;
  --color-4: #fb5401;
  --color-5: #fd9bde;
}

SCSS

$color-1: #f15e71;
$color-2: #5e3e4b;
$color-3: #766126;
$color-4: #fb5401;
$color-5: #fd9bde;

TAILWIND

colors: {
  'brand-1': '#f15e71',
  'brand-2': '#5e3e4b',
  'brand-3': '#766126',
  'brand-4': '#fb5401',
  'brand-5': '#fd9bde',
}

RGB Array

[241, 94, 113], [94, 62, 75], [118, 97, 38], [251, 84, 1], [253, 155, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F15E71, #5E3E4B, #766126, #FB5401, #FD9BDE is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #f15e71; --color-2: #5e3e4b; --color-3: #766126; --color-4: #fb5401; --color-5: #fd9bde. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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