← Back to Editor

#7492B3 · #EF90A8 · #F54D59 · #E1BF60 · #FADDB2

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

#7492B3

Azure · LightSlateGray · Navy Blue

HEX
#7492B3
RGB
rgb(116, 146, 179)
HSL
hsl(211, 29%, 58%)
HSB
hsb(211, 35%, 70%)
CMYK
cmyk(35%, 18%, 0%, 30%)
Oklch
oklch(64.9% 0.060 251.2)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#EF90A8

Peach Pink · LightCoral · Coral Red

HEX
#EF90A8
RGB
rgb(239, 144, 168)
HSL
hsl(345, 75%, 75%)
HSB
hsb(345, 40%, 94%)
CMYK
cmyk(0%, 40%, 30%, 6%)
Oklch
oklch(75.9% 0.118 4.0)

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

#F54D59

Peach Pink · Tomato · Coral Red

HEX
#F54D59
RGB
rgb(245, 77, 89)
HSL
hsl(356, 89%, 63%)
HSB
hsb(356, 69%, 96%)
CMYK
cmyk(0%, 69%, 64%, 4%)
Oklch
oklch(65.9% 0.204 20.9)

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

#E1BF60

Ginger · SandyBrown · Sunflower

HEX
#E1BF60
RGB
rgb(225, 191, 96)
HSL
hsl(44, 68%, 63%)
HSB
hsb(44, 57%, 88%)
CMYK
cmyk(0%, 15%, 57%, 12%)
Oklch
oklch(81.5% 0.121 89.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FADDB2

Goose Yellow · Wheat · Peach Orange

HEX
#FADDB2
RGB
rgb(250, 221, 178)
HSL
hsl(36, 88%, 84%)
HSB
hsb(36, 29%, 98%)
CMYK
cmyk(0%, 12%, 29%, 2%)
Oklch
oklch(91.1% 0.065 77.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7492B3
B39575

Analogous

75B2B3
7492B3
7675B3

Triadic

7492B3
B37593
93B375

Split-Comp.

7492B3
B37675
B2B375

Tetradic

7492B3
B375B2
B39575
75B376

Contrast Matrix WCAG 2.1 Contrast

7492B3
EF90A8
F54D59
E1BF60
FADDB2
—
1.4
Fail
1.1
Fail
1.8
Fail
2.5
Fail
1.4
Fail
—
1.5
Fail
1.3
Fail
1.7
Fail
1.1
Fail
1.5
Fail
—
1.9
Fail
2.6
Fail
1.8
Fail
1.3
Fail
1.9
Fail
—
1.4
Fail
2.5
Fail
1.7
Fail
2.6
Fail
1.4
Fail
—
White BG
3.2AA Large
2.3Fail
3.4AA Large
1.8Fail
1.3Fail
Black BG
6.5AA
9.2AAA
6.1AA
11.8AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8181AB
C6C5A2
ACAB56
D2D277
EDEDBC

Deuteranopia

7F7DA9
CBD2A1
B6C355
D4D77C
EFF1BF

Tritanopia

75A5A3
EA9E9D
ED5453
DF898D
F9C5C6

Achromatopsia

8D8D8D
AFAFAF
818181
BEBEBE
E1E1E1

Shades & Tints Shades & Tints

#7492B3

Dark
Light

#EF90A8

Dark
Light

#F54D59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7492b3;
  --color-2: #ef90a8;
  --color-3: #f54d59;
  --color-4: #e1bf60;
  --color-5: #faddb2;
}

SCSS

$color-1: #7492b3;
$color-2: #ef90a8;
$color-3: #f54d59;
$color-4: #e1bf60;
$color-5: #faddb2;

TAILWIND

colors: {
  'brand-1': '#7492b3',
  'brand-2': '#ef90a8',
  'brand-3': '#f54d59',
  'brand-4': '#e1bf60',
  'brand-5': '#faddb2',
}

RGB Array

[116, 146, 179], [239, 144, 168], [245, 77, 89], [225, 191, 96], [250, 221, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7492B3, #EF90A8, #F54D59, #E1BF60, #FADDB2 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: #7492b3; --color-2: #ef90a8; --color-3: #f54d59; --color-4: #e1bf60; --color-5: #faddb2. 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