← Back to Editor

#EBE4B0 · #FFC403 · #3D3B49 · #FCA90F · #BE7C88

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

Color Details Color Details

#EBE4B0

Fresh Green · Wheat · Lemon Cream

HEX
#EBE4B0
RGB
rgb(235, 228, 176)
HSL
hsl(53, 60%, 81%)
HSB
hsb(53, 25%, 92%)
CMYK
cmyk(0%, 3%, 25%, 8%)
Oklch
oklch(91.2% 0.068 101.2)

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

#FFC403

Ginger · Gold · Sunflower

HEX
#FFC403
RGB
rgb(255, 196, 3)
HSL
hsl(46, 100%, 51%)
HSB
hsb(46, 99%, 100%)
CMYK
cmyk(0%, 23%, 99%, 0%)
Oklch
oklch(85.0% 0.174 86.5)

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

#3D3B49

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#3D3B49
RGB
rgb(61, 59, 73)
HSL
hsl(249, 11%, 26%)
HSB
hsb(249, 19%, 29%)
CMYK
cmyk(16%, 19%, 0%, 71%)
Oklch
oklch(36.0% 0.024 291.7)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#FCA90F

Ginger · Orange · Warm Sun

HEX
#FCA90F
RGB
rgb(252, 169, 15)
HSL
hsl(39, 98%, 52%)
HSB
hsb(39, 94%, 99%)
CMYK
cmyk(0%, 33%, 94%, 1%)
Oklch
oklch(79.7% 0.167 73.3)

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

#BE7C88

Peach Pink · LightCoral · Coral Red

HEX
#BE7C88
RGB
rgb(190, 124, 136)
HSL
hsl(349, 34%, 62%)
HSB
hsb(349, 35%, 75%)
CMYK
cmyk(0%, 35%, 28%, 25%)
Oklch
oklch(65.8% 0.083 7.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE4B0
B1B8EC

Analogous

ECC8B1
EBE4B0
D5ECB1

Triadic

EBE4B0
B1ECE5
E5B1EC

Split-Comp.

EBE4B0
B1D5EC
C8B1EC

Tetradic

EBE4B0
B1ECC8
B1B8EC
ECB1D5

Contrast Matrix WCAG 2.1 Contrast

EBE4B0
FFC403
3D3B49
FCA90F
BE7C88
—
1.2
Fail
8.5
AAA
1.5
Fail
2.5
Fail
1.2
Fail
—
6.8
AA
1.2
Fail
2.0
Fail
8.5
AAA
6.8
AA
—
5.6
AA
3.3
AA Large
1.5
Fail
1.2
Fail
5.6
AA
—
1.7
Fail
2.5
Fail
2.0
Fail
3.3
AA Large
1.7
Fail
—
White BG
1.3Fail
1.6Fail
10.9AAA
1.9Fail
3.3AA Large
Black BG
16.3AAA
13.1AAA
1.9Fail
10.8AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8BD
E5E532
3C3C46
D8D734
A1A185

Deuteranopia

E8E9C0
E9ED3D
3C3C45
DDE33D
A5AA84

Tritanopia

EBC7C9
FC575F
3D4342
F85258
BB8382

Achromatopsia

E0E0E0
C0C0C0
3D3D3D
B0B0B0
919191

Shades & Tints Shades & Tints

#EBE4B0

Dark
Light

#FFC403

Dark
Light

#3D3B49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe4b0;
  --color-2: #ffc403;
  --color-3: #3d3b49;
  --color-4: #fca90f;
  --color-5: #be7c88;
}

SCSS

$color-1: #ebe4b0;
$color-2: #ffc403;
$color-3: #3d3b49;
$color-4: #fca90f;
$color-5: #be7c88;

TAILWIND

colors: {
  'brand-1': '#ebe4b0',
  'brand-2': '#ffc403',
  'brand-3': '#3d3b49',
  'brand-4': '#fca90f',
  'brand-5': '#be7c88',
}

RGB Array

[235, 228, 176], [255, 196, 3], [61, 59, 73], [252, 169, 15], [190, 124, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE4B0, #FFC403, #3D3B49, #FCA90F, #BE7C88 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: #ebe4b0; --color-2: #ffc403; --color-3: #3d3b49; --color-4: #fca90f; --color-5: #be7c88. 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