← Back to Editor

#F06361 · #EBA50C · #087784 · #840979 · #130884

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F06361

Peach Pink · Tomato · Coral Red

HEX
#F06361
RGB
rgb(240, 99, 97)
HSL
hsl(1, 83%, 66%)
HSB
hsb(1, 60%, 94%)
CMYK
cmyk(0%, 59%, 60%, 6%)
Oklch
oklch(67.7% 0.175 23.7)

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

#EBA50C

Ochre · Orange · Honey Gold

HEX
#EBA50C
RGB
rgb(235, 165, 12)
HSL
hsl(41, 90%, 48%)
HSB
hsb(41, 95%, 92%)
CMYK
cmyk(0%, 30%, 95%, 8%)
Oklch
oklch(77.0% 0.159 77.8)

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

#087784

Lake Blue · Teal · Mint Ice

HEX
#087784
RGB
rgb(8, 119, 132)
HSL
hsl(186, 89%, 27%)
HSB
hsb(186, 94%, 52%)
CMYK
cmyk(94%, 10%, 0%, 48%)
Oklch
oklch(52.2% 0.088 208.3)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#840979

Rose Purple · Purple · Eggplant

HEX
#840979
RGB
rgb(132, 9, 121)
HSL
hsl(305, 87%, 28%)
HSB
hsb(305, 93%, 52%)
CMYK
cmyk(0%, 93%, 8%, 48%)
Oklch
oklch(42.7% 0.186 332.9)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#130884

Deep Indigo · Navy · Prussian Blue

HEX
#130884
RGB
rgb(19, 8, 132)
HSL
hsl(245, 89%, 27%)
HSB
hsb(245, 94%, 52%)
CMYK
cmyk(86%, 94%, 0%, 48%)
Oklch
oklch(29.1% 0.183 269.6)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F06361
60EEF0

Analogous

F060A6
F06361
F0AB60

Triadic

F06361
60F063
6360F0

Split-Comp.

F06361
60F0AB
60A6F0

Tetradic

F06361
A6F060
60EEF0
AB60F0

Contrast Matrix WCAG 2.1 Contrast

F06361
EBA50C
087784
840979
130884
—
1.5
Fail
1.7
Fail
2.9
Fail
4.8
AA
1.5
Fail
—
2.5
Fail
4.3
AA Large
7.1
AAA
1.7
Fail
2.5
Fail
—
1.7
Fail
2.9
Fail
2.9
Fail
4.3
AA Large
1.7
Fail
—
1.6
Fail
4.8
AA
7.1
AAA
2.9
Fail
1.6
Fail
—
White BG
3.2AA Large
2.1Fail
5.3AA
9.1AAA
15.0AAA
Black BG
6.7AA
9.9AAA
4.0AA Large
2.3Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B261
CDCC31
383981
4F4E5E
0E0E66

Deuteranopia

BBC662
D1D63A
322980
565F57
0F105F

Tritanopia

E96262
E84E55
0E7E7E
7E4944
124E49

Achromatopsia

8D8D8D
A8A8A8
575757
3B3B3B
191919

Shades & Tints Shades & Tints

#F06361

Dark
Light

#EBA50C

Dark
Light

#087784

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f06361;
  --color-2: #eba50c;
  --color-3: #087784;
  --color-4: #840979;
  --color-5: #130884;
}

SCSS

$color-1: #f06361;
$color-2: #eba50c;
$color-3: #087784;
$color-4: #840979;
$color-5: #130884;

TAILWIND

colors: {
  'brand-1': '#f06361',
  'brand-2': '#eba50c',
  'brand-3': '#087784',
  'brand-4': '#840979',
  'brand-5': '#130884',
}

RGB Array

[240, 99, 97], [235, 165, 12], [8, 119, 132], [132, 9, 121], [19, 8, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F06361, #EBA50C, #087784, #840979, #130884 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #f06361; --color-2: #eba50c; --color-3: #087784; --color-4: #840979; --color-5: #130884. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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