← Back to Editor

#FFE4AB · #E4AC8B · #C8756C · #AD3D4C · #91052C

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

#FFE4AB

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE4AB
RGB
rgb(255, 228, 171)
HSL
hsl(41, 100%, 84%)
HSB
hsb(41, 33%, 100%)
CMYK
cmyk(0%, 11%, 33%, 0%)
Oklch
oklch(92.8% 0.079 85.5)

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

#E4AC8B

Apricot · BurlyWood · Warm Sun

HEX
#E4AC8B
RGB
rgb(228, 172, 139)
HSL
hsl(22, 62%, 72%)
HSB
hsb(22, 39%, 89%)
CMYK
cmyk(0%, 25%, 39%, 11%)
Oklch
oklch(78.8% 0.080 51.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C8756C

Crimson · LightCoral · Passion Red

HEX
#C8756C
RGB
rgb(200, 117, 108)
HSL
hsl(6, 46%, 60%)
HSB
hsb(6, 46%, 78%)
CMYK
cmyk(0%, 42%, 46%, 22%)
Oklch
oklch(65.1% 0.106 26.9)

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

#AD3D4C

Crimson · Sienna · Passion Red

HEX
#AD3D4C
RGB
rgb(173, 61, 76)
HSL
hsl(352, 48%, 46%)
HSB
hsb(352, 65%, 68%)
CMYK
cmyk(0%, 65%, 56%, 32%)
Oklch
oklch(52.1% 0.146 15.9)

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

#91052C

Dark Violet · Brown · Camellia

HEX
#91052C
RGB
rgb(145, 5, 44)
HSL
hsl(343, 93%, 29%)
HSB
hsb(343, 97%, 57%)
CMYK
cmyk(0%, 97%, 70%, 43%)
Oklch
oklch(41.9% 0.165 16.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE4AB
ADC7FF

Analogous

FFBCAD
FFE4AB
F0FFAD

Triadic

FFE4AB
ADFFE5
E5ADFF

Split-Comp.

FFE4AB
ADF0FF
BCADFF

Tetradic

FFE4AB
ADFFBC
ADC7FF
FFADF0

Contrast Matrix WCAG 2.1 Contrast

FFE4AB
E4AC8B
C8756C
AD3D4C
91052C
—
1.6
Fail
2.7
Fail
4.8
AA
7.5
AAA
1.6
Fail
—
1.7
Fail
3.0
Fail
4.7
AA
2.7
Fail
1.7
Fail
—
1.8
Fail
2.7
Fail
4.8
AA
3.0
Fail
1.8
Fail
—
1.6
Fail
7.5
AAA
4.7
AA
2.7
Fail
1.6
Fail
—
White BG
1.2Fail
2.0Fail
3.4AA Large
5.9AA
9.3AAA
Black BG
16.9AAA
10.6AAA
6.2AA
3.5AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3B9
CCCB93
A4A36E
7D7B48
545323

Deuteranopia

F5F7BC
CFD395
A9AF6F
838B48
5D6720

Tritanopia

FEC4C6
E1999B
C47070
A74645
8A1B19

Achromatopsia

E6E6E6
B9B9B9
8D8D8D
606060
333333

Shades & Tints Shades & Tints

#FFE4AB

Dark
Light

#E4AC8B

Dark
Light

#C8756C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe4ab;
  --color-2: #e4ac8b;
  --color-3: #c8756c;
  --color-4: #ad3d4c;
  --color-5: #91052c;
}

SCSS

$color-1: #ffe4ab;
$color-2: #e4ac8b;
$color-3: #c8756c;
$color-4: #ad3d4c;
$color-5: #91052c;

TAILWIND

colors: {
  'brand-1': '#ffe4ab',
  'brand-2': '#e4ac8b',
  'brand-3': '#c8756c',
  'brand-4': '#ad3d4c',
  'brand-5': '#91052c',
}

RGB Array

[255, 228, 171], [228, 172, 139], [200, 117, 108], [173, 61, 76], [145, 5, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE4AB, #E4AC8B, #C8756C, #AD3D4C, #91052C 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: #ffe4ab; --color-2: #e4ac8b; --color-3: #c8756c; --color-4: #ad3d4c; --color-5: #91052c. 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