← Back to Editor

#EFE6C4 · #FFF000 · #FFB51A · #D54839 · #030103

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EFE6C4

Goose Yellow · Bisque · Lemon Cream

HEX
#EFE6C4
RGB
rgb(239, 230, 196)
HSL
hsl(47, 57%, 85%)
HSB
hsb(47, 18%, 94%)
CMYK
cmyk(0%, 4%, 18%, 6%)
Oklch
oklch(92.3% 0.046 94.9)

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

#FFF000

Autumn Sage · Yellow · Honey Gold

HEX
#FFF000
RGB
rgb(255, 240, 0)
HSL
hsl(56, 100%, 50%)
HSB
hsb(56, 100%, 100%)
CMYK
cmyk(0%, 6%, 100%, 0%)
Oklch
oklch(93.7% 0.199 105.0)

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

#FFB51A

Ginger · Orange · Sunflower

HEX
#FFB51A
RGB
rgb(255, 181, 26)
HSL
hsl(41, 100%, 55%)
HSB
hsb(41, 90%, 100%)
CMYK
cmyk(0%, 29%, 90%, 0%)
Oklch
oklch(82.2% 0.167 78.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#D54839

Vermilion · Chocolate · Passion Red

HEX
#D54839
RGB
rgb(213, 72, 57)
HSL
hsl(6, 65%, 53%)
HSB
hsb(6, 73%, 84%)
CMYK
cmyk(0%, 66%, 73%, 16%)
Oklch
oklch(59.7% 0.180 29.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#030103

Rose Purple · Black · Dark Purple

HEX
#030103
RGB
rgb(3, 1, 3)
HSL
hsl(300, 50%, 1%)
HSB
hsb(300, 67%, 1%)
CMYK
cmyk(0%, 67%, 0%, 99%)
Oklch
oklch(8.0% 0.016 327.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE6C4
C3CCEF

Analogous

EFCFC3
EFE6C4
E2EFC3

Triadic

EFE6C4
C3EFE5
E5C3EF

Split-Comp.

EFE6C4
C3E2EF
CFC3EF

Tetradic

EFE6C4
C3EFCF
C3CCEF
EFC3E2

Contrast Matrix WCAG 2.1 Contrast

EFE6C4
FFF000
FFB51A
D54839
030103
—
1.1
Fail
1.4
Fail
3.5
AA Large
16.6
AAA
1.1
Fail
—
1.5
Fail
3.7
AA Large
17.5
AAA
1.4
Fail
1.5
Fail
—
2.5
Fail
11.8
AAA
3.5
AA Large
3.7
AA Large
2.5
Fail
—
4.8
AA
16.6
AAA
17.5
AAA
11.8
AAA
4.8
AA
—
White BG
1.3Fail
1.2Fail
1.8Fail
4.4AA Large
20.8AAA
Black BG
16.8AAA
17.7AAA
11.9AAA
4.8AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBCC
F9F83A
DFDE40
98973D
020203

Deuteranopia

ECECCE
F9FB48
E3E949
A0AB3E
020202

Tritanopia

EFD3D4
FE6872
FB5D64
CE3F40
030202

Achromatopsia

E5E5E5
D9D9D9
B9B9B9
707070
020202

Shades & Tints Shades & Tints

#EFE6C4

Dark
Light

#FFF000

Dark
Light

#FFB51A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe6c4;
  --color-2: #fff000;
  --color-3: #ffb51a;
  --color-4: #d54839;
  --color-5: #030103;
}

SCSS

$color-1: #efe6c4;
$color-2: #fff000;
$color-3: #ffb51a;
$color-4: #d54839;
$color-5: #030103;

TAILWIND

colors: {
  'brand-1': '#efe6c4',
  'brand-2': '#fff000',
  'brand-3': '#ffb51a',
  'brand-4': '#d54839',
  'brand-5': '#030103',
}

RGB Array

[239, 230, 196], [255, 240, 0], [255, 181, 26], [213, 72, 57], [3, 1, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFE6C4, #FFF000, #FFB51A, #D54839, #030103 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: #efe6c4; --color-2: #fff000; --color-3: #ffb51a; --color-4: #d54839; --color-5: #030103. 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