← Back to Editor

#FFEAB8 · #E6D432 · #C3C900 · #7FA600 · #1A0C1F

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

#FFEAB8

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEAB8
RGB
rgb(255, 234, 184)
HSL
hsl(42, 100%, 86%)
HSB
hsb(42, 28%, 100%)
CMYK
cmyk(0%, 8%, 28%, 0%)
Oklch
oklch(94.2% 0.068 87.9)

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

#E6D432

Autumn Sage · GoldenRod · Sunflower

HEX
#E6D432
RGB
rgb(230, 212, 50)
HSL
hsl(54, 78%, 55%)
HSB
hsb(54, 78%, 90%)
CMYK
cmyk(0%, 8%, 78%, 10%)
Oklch
oklch(85.9% 0.168 102.6)

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

#C3C900

Autumn Sage · GoldenRod · Honey Gold

HEX
#C3C900
RGB
rgb(195, 201, 0)
HSL
hsl(62, 100%, 39%)
HSB
hsb(62, 100%, 79%)
CMYK
cmyk(3%, 0%, 100%, 21%)
Oklch
oklch(80.4% 0.178 111.9)

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

#7FA600

Grass Green · Olive · Forest Green

HEX
#7FA600
RGB
rgb(127, 166, 0)
HSL
hsl(74, 100%, 33%)
HSB
hsb(74, 100%, 65%)
CMYK
cmyk(23%, 0%, 100%, 35%)
Oklch
oklch(67.2% 0.168 124.7)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#1A0C1F

Dark Plum · Black · Dark Purple

HEX
#1A0C1F
RGB
rgb(26, 12, 31)
HSL
hsl(284, 44%, 8%)
HSB
hsb(284, 61%, 12%)
CMYK
cmyk(16%, 61%, 0%, 88%)
Oklch
oklch(18.5% 0.042 316.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEAB8
B8CDFF

Analogous

FFC6B8
FFEAB8
F1FFB8

Triadic

FFEAB8
B8FFEA
EAB8FF

Split-Comp.

FFEAB8
B8F1FF
C6B8FF

Tetradic

FFEAB8
B8FFC6
B8CDFF
FFB8F1

Contrast Matrix WCAG 2.1 Contrast

FFEAB8
E6D432
C3C900
7FA600
1A0C1F
—
1.3
Fail
1.5
Fail
2.4
Fail
15.9
AAA
1.3
Fail
—
1.2
Fail
1.9
Fail
12.4
AAA
1.5
Fail
1.2
Fail
—
1.6
Fail
10.5
AAA
2.4
Fail
1.9
Fail
1.6
Fail
—
6.6
AA
15.9
AAA
12.4
AAA
10.5
AAA
6.6
AA
—
White BG
1.2Fail
1.5Fail
1.8Fail
2.9Fail
18.8AAA
Black BG
17.7AAA
13.8AAA
11.7AAA
7.4AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6C4
DEDE59
C6C631
909028
14141A

Deuteranopia

F7F9C7
DFE163
C5C53C
8E8B32
151619

Tritanopia

FECED0
E5787F
C3575F
81484F
191716

Achromatopsia

EBEBEB
C7C7C7
B0B0B0
878787
121212

Shades & Tints Shades & Tints

#FFEAB8

Dark
Light

#E6D432

Dark
Light

#C3C900

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffeab8;
  --color-2: #e6d432;
  --color-3: #c3c900;
  --color-4: #7fa600;
  --color-5: #1a0c1f;
}

SCSS

$color-1: #ffeab8;
$color-2: #e6d432;
$color-3: #c3c900;
$color-4: #7fa600;
$color-5: #1a0c1f;

TAILWIND

colors: {
  'brand-1': '#ffeab8',
  'brand-2': '#e6d432',
  'brand-3': '#c3c900',
  'brand-4': '#7fa600',
  'brand-5': '#1a0c1f',
}

RGB Array

[255, 234, 184], [230, 212, 50], [195, 201, 0], [127, 166, 0], [26, 12, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEAB8, #E6D432, #C3C900, #7FA600, #1A0C1F 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: #ffeab8; --color-2: #e6d432; --color-3: #c3c900; --color-4: #7fa600; --color-5: #1a0c1f. 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