← Back to Editor

#FBD298 · #E2617A · #A60E80 · #75039E · #253570

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

Color Details Color Details

#FBD298

Goose Yellow · Khaki · Peach Orange

HEX
#FBD298
RGB
rgb(251, 210, 152)
HSL
hsl(35, 93%, 79%)
HSB
hsb(35, 39%, 98%)
CMYK
cmyk(0%, 16%, 39%, 2%)
Oklch
oklch(88.6% 0.087 75.8)

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

#E2617A

Peach Pink · LightCoral · Coral Red

HEX
#E2617A
RGB
rgb(226, 97, 122)
HSL
hsl(348, 69%, 63%)
HSB
hsb(348, 57%, 89%)
CMYK
cmyk(0%, 57%, 46%, 11%)
Oklch
oklch(66.0% 0.162 10.7)

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

#A60E80

Rose Purple · DarkMagenta · Eggplant

HEX
#A60E80
RGB
rgb(166, 14, 128)
HSL
hsl(315, 84%, 35%)
HSB
hsb(315, 92%, 65%)
CMYK
cmyk(0%, 92%, 23%, 35%)
Oklch
oklch(49.1% 0.204 342.1)

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

#75039E

Royal Purple · DarkMagenta · Eggplant

HEX
#75039E
RGB
rgb(117, 3, 158)
HSL
hsl(284, 96%, 32%)
HSB
hsb(284, 98%, 62%)
CMYK
cmyk(26%, 98%, 0%, 38%)
Oklch
oklch(42.7% 0.211 312.8)

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

#253570

Indigo · MidnightBlue · Prussian Blue

HEX
#253570
RGB
rgb(37, 53, 112)
HSL
hsl(227, 50%, 29%)
HSB
hsb(227, 67%, 44%)
CMYK
cmyk(67%, 53%, 0%, 56%)
Oklch
oklch(35.0% 0.104 269.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBD298
98C1FB

Analogous

FBA098
FBD298
F3FB98

Triadic

FBD298
98FBD2
D298FB

Split-Comp.

FBD298
98F3FB
A098FB

Tetradic

FBD298
98FBA0
98C1FB
FB98F3

Contrast Matrix WCAG 2.1 Contrast

FBD298
E2617A
A60E80
75039E
253570
—
2.4
Fail
4.9
AA
6.5
AA
8.1
AAA
2.4
Fail
—
2.1
Fail
2.8
Fail
3.4
AA Large
4.9
AA
2.1
Fail
—
1.3
Fail
1.6
Fail
6.5
AA
2.8
Fail
1.3
Fail
—
1.2
Fail
8.1
AAA
3.4
AA Large
1.6
Fail
1.2
Fail
—
White BG
1.4Fail
3.4AA Large
7.0AAA
9.3AAA
11.5AAA
Black BG
14.8AAA
6.2AA
3.0Fail
2.3Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9A6
AAA974
646364
444378
2C2C62

Deuteranopia

ECEFA9
B2BB72
6D785E
4A5370
2B2A5E

Tritanopia

F9B1B4
DC6F6E
9E4F4A
6F5B54
265654

Achromatopsia

D8D8D8
8A8A8A
484848
373737
373737

Shades & Tints Shades & Tints

#FBD298

Dark
Light

#E2617A

Dark
Light

#A60E80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbd298;
  --color-2: #e2617a;
  --color-3: #a60e80;
  --color-4: #75039e;
  --color-5: #253570;
}

SCSS

$color-1: #fbd298;
$color-2: #e2617a;
$color-3: #a60e80;
$color-4: #75039e;
$color-5: #253570;

TAILWIND

colors: {
  'brand-1': '#fbd298',
  'brand-2': '#e2617a',
  'brand-3': '#a60e80',
  'brand-4': '#75039e',
  'brand-5': '#253570',
}

RGB Array

[251, 210, 152], [226, 97, 122], [166, 14, 128], [117, 3, 158], [37, 53, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBD298, #E2617A, #A60E80, #75039E, #253570 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: #fbd298; --color-2: #e2617a; --color-3: #a60e80; --color-4: #75039e; --color-5: #253570. 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