← Back to Editor

#FFFEEB · #E7FD40 · #F87A14 · #C30B71 · #170535

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

Color Details Color Details

#FFFEEB

Fresh Green · SeaShell · Lemon Cream

HEX
#FFFEEB
RGB
rgb(255, 254, 235)
HSL
hsl(57, 100%, 96%)
HSB
hsb(57, 8%, 100%)
CMYK
cmyk(0%, 0%, 8%, 0%)
Oklch
oklch(99.3% 0.025 104.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E7FD40

Fresh Green · GreenYellow · Sunflower

HEX
#E7FD40
RGB
rgb(231, 253, 64)
HSL
hsl(67, 98%, 62%)
HSB
hsb(67, 75%, 99%)
CMYK
cmyk(9%, 0%, 75%, 1%)
Oklch
oklch(94.7% 0.199 116.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F87A14

Tangerine · Chocolate · Warm Sun

HEX
#F87A14
RGB
rgb(248, 122, 20)
HSL
hsl(27, 94%, 53%)
HSB
hsb(27, 92%, 97%)
CMYK
cmyk(0%, 51%, 92%, 3%)
Oklch
oklch(71.4% 0.181 50.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C30B71

Rose Purple · MediumVioletRed · Camellia

HEX
#C30B71
RGB
rgb(195, 11, 113)
HSL
hsl(327, 89%, 40%)
HSB
hsb(327, 94%, 76%)
CMYK
cmyk(0%, 94%, 42%, 24%)
Oklch
oklch(53.6% 0.215 356.1)

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

#170535

Deep Indigo · Black · Dark Purple

HEX
#170535
RGB
rgb(23, 5, 53)
HSL
hsl(263, 83%, 11%)
HSB
hsb(263, 91%, 21%)
CMYK
cmyk(57%, 91%, 0%, 79%)
Oklch
oklch(18.7% 0.087 293.7)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFEEB
EBECFF

Analogous

FFF4EB
FFFEEB
F6FFEB

Triadic

FFFEEB
EBFFFE
FEEBFF

Split-Comp.

FFFEEB
EBF6FF
F4EBFF

Tetradic

FFFEEB
EBFFF4
EBECFF
FFEBF6

Contrast Matrix WCAG 2.1 Contrast

FFFEEB
E7FD40
F87A14
C30B71
170535
—
1.1
Fail
2.6
Fail
5.7
AA
18.6
AAA
1.1
Fail
—
2.4
Fail
5.1
AA
16.7
AAA
2.6
Fail
2.4
Fail
—
2.2
Fail
7.0
AAA
5.7
AA
5.1
AA
2.2
Fail
—
3.3
AA Large
18.6
AAA
16.7
AAA
7.0
AAA
3.3
AA Large
—
White BG
1.0Fail
1.1Fail
2.7Fail
5.8AA
18.9AAA
Black BG
20.6AAA
18.5AAA
7.8AAA
3.6AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFF0
F1F16E
C1C02D
737258
0F0F29

Deuteranopia

FFFFF1
EFEE79
C9D233
7E8C52
101227

Tritanopia

FFF3F4
E8929A
F24044
BA4541
16201E

Achromatopsia

FCFCFC
E1E1E1
949494
4E4E4E
101010

Shades & Tints Shades & Tints

#FFFEEB

Dark
Light

#E7FD40

Dark
Light

#F87A14

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffeeb;
  --color-2: #e7fd40;
  --color-3: #f87a14;
  --color-4: #c30b71;
  --color-5: #170535;
}

SCSS

$color-1: #fffeeb;
$color-2: #e7fd40;
$color-3: #f87a14;
$color-4: #c30b71;
$color-5: #170535;

TAILWIND

colors: {
  'brand-1': '#fffeeb',
  'brand-2': '#e7fd40',
  'brand-3': '#f87a14',
  'brand-4': '#c30b71',
  'brand-5': '#170535',
}

RGB Array

[255, 254, 235], [231, 253, 64], [248, 122, 20], [195, 11, 113], [23, 5, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #FFFEEB, #E7FD40, #F87A14, #C30B71, #170535 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: #fffeeb; --color-2: #e7fd40; --color-3: #f87a14; --color-4: #c30b71; --color-5: #170535. 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 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