← Back to Editor

#FFD90F · #EABE05 · #EBDA28 · #4E8DAC · #454AF0

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

#FFD90F

Autumn Sage · Gold · Sunflower

HEX
#FFD90F
RGB
rgb(255, 217, 15)
HSL
hsl(51, 100%, 53%)
HSB
hsb(51, 94%, 100%)
CMYK
cmyk(0%, 15%, 94%, 0%)
Oklch
oklch(89.1% 0.182 96.0)

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

#EABE05

Ochre · Orange · Honey Gold

HEX
#EABE05
RGB
rgb(234, 190, 5)
HSL
hsl(48, 96%, 47%)
HSB
hsb(48, 98%, 92%)
CMYK
cmyk(0%, 19%, 98%, 8%)
Oklch
oklch(81.7% 0.166 91.8)

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

#EBDA28

Autumn Sage · Gold · Sunflower

HEX
#EBDA28
RGB
rgb(235, 218, 40)
HSL
hsl(55, 83%, 54%)
HSB
hsb(55, 83%, 92%)
CMYK
cmyk(0%, 7%, 83%, 8%)
Oklch
oklch(87.5% 0.176 103.4)

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

#4E8DAC

Slate Blue · SteelBlue · Navy Blue

HEX
#4E8DAC
RGB
rgb(78, 141, 172)
HSL
hsl(200, 38%, 49%)
HSB
hsb(200, 55%, 67%)
CMYK
cmyk(55%, 18%, 0%, 33%)
Oklch
oklch(61.4% 0.080 231.4)

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

#454AF0

Azure · SlateBlue · Cobalt Blue

HEX
#454AF0
RGB
rgb(69, 74, 240)
HSL
hsl(238, 85%, 61%)
HSB
hsb(238, 71%, 94%)
CMYK
cmyk(71%, 69%, 0%, 6%)
Oklch
oklch(52.1% 0.241 272.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD90F
0F33FF

Analogous

FF630F
FFD90F
ABFF0F

Triadic

FFD90F
0FFFDB
DB0FFF

Split-Comp.

FFD90F
0FABFF
630FFF

Tetradic

FFD90F
0FFF63
0F33FF
FF0FAB

Contrast Matrix WCAG 2.1 Contrast

FFD90F
EABE05
EBDA28
4E8DAC
454AF0
—
1.3
Fail
1.0
Fail
2.7
Fail
4.3
AA Large
1.3
Fail
—
1.2
Fail
2.1
Fail
3.4
AA Large
1.0
Fail
1.2
Fail
—
2.5
Fail
4.2
AA Large
2.7
Fail
2.1
Fail
2.5
Fail
—
1.6
Fail
4.3
AA Large
3.4
AA Large
4.2
AA Large
1.6
Fail
—
White BG
1.4Fail
1.8Fail
1.4Fail
3.7AA Large
6.0AA
Black BG
15.2AAA
11.9AAA
14.6AAA
5.7AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEE40
D7D732
E4E353
696AA4
4747C8

Deuteranopia

F1F44C
DADD3D
E5E65D
6661A3
4747BE

Tritanopia

FD666F
E8555D
EA757D
519F9D
45A8A1

Achromatopsia

CDCDCD
B6B6B6
CBCBCB
7E7E7E
5B5B5B

Shades & Tints Shades & Tints

#FFD90F

Dark
Light

#EABE05

Dark
Light

#EBDA28

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd90f;
  --color-2: #eabe05;
  --color-3: #ebda28;
  --color-4: #4e8dac;
  --color-5: #454af0;
}

SCSS

$color-1: #ffd90f;
$color-2: #eabe05;
$color-3: #ebda28;
$color-4: #4e8dac;
$color-5: #454af0;

TAILWIND

colors: {
  'brand-1': '#ffd90f',
  'brand-2': '#eabe05',
  'brand-3': '#ebda28',
  'brand-4': '#4e8dac',
  'brand-5': '#454af0',
}

RGB Array

[255, 217, 15], [234, 190, 5], [235, 218, 40], [78, 141, 172], [69, 74, 240]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFD90F, #EABE05, #EBDA28, #4E8DAC, #454AF0 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: #ffd90f; --color-2: #eabe05; --color-3: #ebda28; --color-4: #4e8dac; --color-5: #454af0. 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