← Back to Editor

#FCB95B · #E89354 · #D66E4E · #C24848 · #6B416E

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 App

Color Details Color Details

#FCB95B

Ginger · SandyBrown · Warm Sun

HEX
#FCB95B
RGB
rgb(252, 185, 91)
HSL
hsl(35, 96%, 67%)
HSB
hsb(35, 64%, 99%)
CMYK
cmyk(0%, 27%, 64%, 1%)
Oklch
oklch(83.1% 0.134 73.2)

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

#E89354

Apricot · SandyBrown · Warm Sun

HEX
#E89354
RGB
rgb(232, 147, 84)
HSL
hsl(26, 76%, 62%)
HSB
hsb(26, 64%, 91%)
CMYK
cmyk(0%, 37%, 64%, 9%)
Oklch
oklch(73.8% 0.129 55.6)

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

#D66E4E

Vermilion · Tomato · Passion Red

HEX
#D66E4E
RGB
rgb(214, 110, 78)
HSL
hsl(14, 62%, 57%)
HSB
hsb(14, 64%, 84%)
CMYK
cmyk(0%, 49%, 64%, 16%)
Oklch
oklch(65.3% 0.139 37.8)

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

#C24848

Crimson · Sienna · Passion Red

HEX
#C24848
RGB
rgb(194, 72, 72)
HSL
hsl(0, 50%, 52%)
HSB
hsb(0, 63%, 76%)
CMYK
cmyk(0%, 63%, 63%, 24%)
Oklch
oklch(56.8% 0.157 23.5)

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

#6B416E

Dark Plum · DimGray · Eggplant

HEX
#6B416E
RGB
rgb(107, 65, 110)
HSL
hsl(296, 26%, 34%)
HSB
hsb(296, 41%, 43%)
CMYK
cmyk(3%, 41%, 0%, 57%)
Oklch
oklch(44.2% 0.088 324.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCB95B
5A9DFC

Analogous

FC685A
FCB95B
EEFC5A

Triadic

FCB95B
5AFCB8
B85AFC

Split-Comp.

FCB95B
5AEEFC
685AFC

Tetradic

FCB95B
5AFC68
5A9DFC
FC5AEE

Contrast Matrix WCAG 2.1 Contrast

FCB95B
E89354
D66E4E
C24848
6B416E
—
1.4
Fail
2.0
Fail
2.8
Fail
4.7
AA
1.4
Fail
—
1.4
Fail
2.0
Fail
3.4
AA Large
2.0
Fail
1.4
Fail
—
1.4
Fail
2.4
Fail
2.8
Fail
2.0
Fail
1.4
Fail
—
1.7
Fail
4.7
AA
3.4
AA Large
2.4
Fail
1.7
Fail
—
White BG
1.7Fail
2.4Fail
3.4AA Large
4.9AA
8.1AAA
Black BG
12.2AAA
8.7AAA
6.2AA
4.3AA Large
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDE72
C3C263
A9A856
8D8C48
595863

Deuteranopia

E3E877
C8CE67
AFB758
949D48
5B5E61

Tritanopia

F98488
E46F72
D15C5D
BC4848
695B59

Achromatopsia

C2C2C2
A5A5A5
898989
6C6C6C
535353

Shades & Tints Shades & Tints

#FCB95B

Dark
Light

#E89354

Dark
Light

#D66E4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcb95b;
  --color-2: #e89354;
  --color-3: #d66e4e;
  --color-4: #c24848;
  --color-5: #6b416e;
}

SCSS

$color-1: #fcb95b;
$color-2: #e89354;
$color-3: #d66e4e;
$color-4: #c24848;
$color-5: #6b416e;

TAILWIND

colors: {
  'brand-1': '#fcb95b',
  'brand-2': '#e89354',
  'brand-3': '#d66e4e',
  'brand-4': '#c24848',
  'brand-5': '#6b416e',
}

RGB Array

[252, 185, 91], [232, 147, 84], [214, 110, 78], [194, 72, 72], [107, 65, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCB95B, #E89354, #D66E4E, #C24848, #6B416E 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: #fcb95b; --color-2: #e89354; --color-3: #d66e4e; --color-4: #c24848; --color-5: #6b416e. 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