← Back to Editor

#FF5391 · #F96274 · #DB7157 · #BD803A · #9F8F1D

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

#FF5391

Rouge · LightCoral · Rose Pink

HEX
#FF5391
RGB
rgb(255, 83, 145)
HSL
hsl(338, 100%, 66%)
HSB
hsb(338, 67%, 100%)
CMYK
cmyk(0%, 67%, 43%, 0%)
Oklch
oklch(69.3% 0.212 2.4)

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

#F96274

Peach Pink · Salmon · Coral Red

HEX
#F96274
RGB
rgb(249, 98, 116)
HSL
hsl(353, 93%, 68%)
HSB
hsb(353, 61%, 98%)
CMYK
cmyk(0%, 61%, 53%, 2%)
Oklch
oklch(69.3% 0.185 16.2)

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

#DB7157

Vermilion · Coral · Passion Red

HEX
#DB7157
RGB
rgb(219, 113, 87)
HSL
hsl(12, 65%, 60%)
HSB
hsb(12, 60%, 86%)
CMYK
cmyk(0%, 48%, 60%, 14%)
Oklch
oklch(66.6% 0.139 34.9)

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

#BD803A

Ochre · Chocolate · Amber Brown

HEX
#BD803A
RGB
rgb(189, 128, 58)
HSL
hsl(32, 53%, 48%)
HSB
hsb(32, 69%, 74%)
CMYK
cmyk(0%, 32%, 69%, 26%)
Oklch
oklch(64.9% 0.114 66.9)

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

#9F8F1D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9F8F1D
RGB
rgb(159, 143, 29)
HSL
hsl(53, 69%, 37%)
HSB
hsb(53, 82%, 62%)
CMYK
cmyk(0%, 10%, 82%, 38%)
Oklch
oklch(64.5% 0.126 100.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF5391
52FFBF

Analogous

FF52E8
FF5391
FF6952

Triadic

FF5391
91FF52
5291FF

Split-Comp.

FF5391
52FF69
52E8FF

Tetradic

FF5391
E8FF52
52FFBF
6952FF

Contrast Matrix WCAG 2.1 Contrast

FF5391
F96274
DB7157
BD803A
9F8F1D
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
3.0AA Large
3.0Fail
3.2AA Large
3.3AA Large
3.3AA Large
Black BG
6.9AA
7.0AAA
6.5AA
6.3AA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B382
B8B670
ADAC5D
A3A24B
989839

Deuteranopia

BFCB7E
C0CC6F
B3BB5F
A6AB4F
999A3F

Tritanopia

F67674
F16C6B
D66263
BA585B
9E4E53

Achromatopsia

8D8D8D
919191
8E8E8E
8A8A8A
878787

Shades & Tints Shades & Tints

#FF5391

Dark
Light

#F96274

Dark
Light

#DB7157

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff5391;
  --color-2: #f96274;
  --color-3: #db7157;
  --color-4: #bd803a;
  --color-5: #9f8f1d;
}

SCSS

$color-1: #ff5391;
$color-2: #f96274;
$color-3: #db7157;
$color-4: #bd803a;
$color-5: #9f8f1d;

TAILWIND

colors: {
  'brand-1': '#ff5391',
  'brand-2': '#f96274',
  'brand-3': '#db7157',
  'brand-4': '#bd803a',
  'brand-5': '#9f8f1d',
}

RGB Array

[255, 83, 145], [249, 98, 116], [219, 113, 87], [189, 128, 58], [159, 143, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF5391, #F96274, #DB7157, #BD803A, #9F8F1D 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: #ff5391; --color-2: #f96274; --color-3: #db7157; --color-4: #bd803a; --color-5: #9f8f1d. 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