← Back to Editor

#419687 · #F4F50D · #F5AD72 · #E57573 · #FB466C

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

#419687

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#419687
RGB
rgb(65, 150, 135)
HSL
hsl(169, 40%, 42%)
HSB
hsb(169, 57%, 59%)
CMYK
cmyk(57%, 0%, 10%, 41%)
Oklch
oklch(61.7% 0.085 180.0)

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

#F4F50D

Autumn Sage · Yellow · Sunflower

HEX
#F4F50D
RGB
rgb(244, 245, 13)
HSL
hsl(60, 92%, 51%)
HSB
hsb(60, 95%, 96%)
CMYK
cmyk(0%, 0%, 95%, 4%)
Oklch
oklch(93.8% 0.204 110.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F5AD72

Apricot · LightSalmon · Warm Sun

HEX
#F5AD72
RGB
rgb(245, 173, 114)
HSL
hsl(27, 87%, 70%)
HSB
hsb(27, 53%, 96%)
CMYK
cmyk(0%, 29%, 53%, 4%)
Oklch
oklch(80.4% 0.113 59.5)

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

#E57573

Peach Pink · LightCoral · Coral Red

HEX
#E57573
RGB
rgb(229, 117, 115)
HSL
hsl(1, 69%, 67%)
HSB
hsb(1, 50%, 90%)
CMYK
cmyk(0%, 49%, 50%, 10%)
Oklch
oklch(69.1% 0.140 22.4)

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

#FB466C

Peach Pink · Tomato · Coral Red

HEX
#FB466C
RGB
rgb(251, 70, 108)
HSL
hsl(347, 96%, 63%)
HSB
hsb(347, 72%, 98%)
CMYK
cmyk(0%, 72%, 57%, 2%)
Oklch
oklch(66.5% 0.216 13.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

419687
964050

Analogous

40965B
419687
407B96

Triadic

419687
864096
968640

Split-Comp.

419687
96407B
965B40

Tetradic

419687
5B4096
964050
7B9640

Contrast Matrix WCAG 2.1 Contrast

419687
F4F50D
F5AD72
E57573
FB466C
—
3.0
AA Large
1.9
Fail
1.2
Fail
1.0
Fail
3.0
AA Large
—
1.6
Fail
2.5
Fail
2.9
Fail
1.9
Fail
1.6
Fail
—
1.6
Fail
1.8
Fail
1.2
Fail
2.5
Fail
1.6
Fail
—
1.2
Fail
1.0
Fail
2.9
Fail
1.8
Fail
1.2
Fail
—
White BG
3.5AA Large
1.2Fail
1.9Fail
2.9Fail
3.4AA Large
Black BG
5.9AA
17.9AAA
11.1AAA
7.1AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

66678B
F4F445
D6D580
B5B373
ADAB63

Deuteranopia

615B8C
F4F453
DADF84
BBC374
B7C561

Tritanopia

458D8E
F4717B
F18C8E
DF7474
F25C5A

Achromatopsia

7B7B7B
DADADA
BCBCBC
969696
808080

Shades & Tints Shades & Tints

#419687

Dark
Light

#F4F50D

Dark
Light

#F5AD72

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #419687;
  --color-2: #f4f50d;
  --color-3: #f5ad72;
  --color-4: #e57573;
  --color-5: #fb466c;
}

SCSS

$color-1: #419687;
$color-2: #f4f50d;
$color-3: #f5ad72;
$color-4: #e57573;
$color-5: #fb466c;

TAILWIND

colors: {
  'brand-1': '#419687',
  'brand-2': '#f4f50d',
  'brand-3': '#f5ad72',
  'brand-4': '#e57573',
  'brand-5': '#fb466c',
}

RGB Array

[65, 150, 135], [244, 245, 13], [245, 173, 114], [229, 117, 115], [251, 70, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #419687, #F4F50D, #F5AD72, #E57573, #FB466C 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: #419687; --color-2: #f4f50d; --color-3: #f5ad72; --color-4: #e57573; --color-5: #fb466c. 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