← Back to Editor

#FE3C91 · #F5A70A · #E0D611 · #FCEBB3 · #91CFBE

bright

A 5-color bright 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

#FE3C91

Rouge · DeepPink · Rose Pink

HEX
#FE3C91
RGB
rgb(254, 60, 145)
HSL
hsl(334, 99%, 62%)
HSB
hsb(334, 76%, 100%)
CMYK
cmyk(0%, 76%, 43%, 0%)
Oklch
oklch(67.2% 0.235 359.6)

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

#F5A70A

Ochre · Orange · Honey Gold

HEX
#F5A70A
RGB
rgb(245, 167, 10)
HSL
hsl(40, 92%, 50%)
HSB
hsb(40, 96%, 96%)
CMYK
cmyk(0%, 32%, 96%, 4%)
Oklch
oklch(78.5% 0.164 75.0)

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

#E0D611

Autumn Sage · Gold · Honey Gold

HEX
#E0D611
RGB
rgb(224, 214, 17)
HSL
hsl(57, 86%, 47%)
HSB
hsb(57, 92%, 88%)
CMYK
cmyk(0%, 4%, 92%, 12%)
Oklch
oklch(85.7% 0.181 106.2)

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

#FCEBB3

Goose Yellow · Wheat · Lemon Cream

HEX
#FCEBB3
RGB
rgb(252, 235, 179)
HSL
hsl(46, 92%, 85%)
HSB
hsb(46, 29%, 99%)
CMYK
cmyk(0%, 7%, 29%, 1%)
Oklch
oklch(94.0% 0.074 93.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#91CFBE

Jade · LightSteelBlue · Lake Green

HEX
#91CFBE
RGB
rgb(145, 207, 190)
HSL
hsl(164, 39%, 69%)
HSB
hsb(164, 30%, 81%)
CMYK
cmyk(30%, 0%, 8%, 19%)
Oklch
oklch(80.8% 0.068 175.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE3C91
3EFEAB

Analogous

FE3EF1
FE3C91
FE4B3E

Triadic

FE3C91
91FE3E
3E91FE

Split-Comp.

FE3C91
3EFE4B
3EF1FE

Tetradic

FE3C91
F1FE3E
3EFEAB
4B3EFE

Contrast Matrix WCAG 2.1 Contrast

FE3C91
F5A70A
E0D611
FCEBB3
91CFBE
—
1.7
Fail
2.2
Fail
2.8
Fail
1.9
Fail
1.7
Fail
—
1.3
Fail
1.7
Fail
1.1
Fail
2.2
Fail
1.3
Fail
—
1.3
Fail
1.2
Fail
2.8
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
1.9
Fail
1.1
Fail
1.2
Fail
1.5
Fail
—
White BG
3.3AA Large
2.0Fail
1.5Fail
1.2Fail
1.8Fail
Black BG
6.3AA
10.4AAA
13.8AAA
17.7AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAA87C
D3D330
DCDC41
F5F4C1
ACACC2

Deuteranopia

B5C478
D8DE39
DCDD4C
F6F7C4
A8A4C3

Tritanopia

F46C69
F14E55
DF666F
FBCBCE
94C5C6

Achromatopsia

808080
ACACAC
C3C3C3
EAEAEA
BBBBBB

Shades & Tints Shades & Tints

#FE3C91

Dark
Light

#F5A70A

Dark
Light

#E0D611

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe3c91;
  --color-2: #f5a70a;
  --color-3: #e0d611;
  --color-4: #fcebb3;
  --color-5: #91cfbe;
}

SCSS

$color-1: #fe3c91;
$color-2: #f5a70a;
$color-3: #e0d611;
$color-4: #fcebb3;
$color-5: #91cfbe;

TAILWIND

colors: {
  'brand-1': '#fe3c91',
  'brand-2': '#f5a70a',
  'brand-3': '#e0d611',
  'brand-4': '#fcebb3',
  'brand-5': '#91cfbe',
}

RGB Array

[254, 60, 145], [245, 167, 10], [224, 214, 17], [252, 235, 179], [145, 207, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #FE3C91, #F5A70A, #E0D611, #FCEBB3, #91CFBE 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: #fe3c91; --color-2: #f5a70a; --color-3: #e0d611; --color-4: #fcebb3; --color-5: #91cfbe. 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 bright-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