← Back to Editor

#FCC083 · #C9BE77 · #F2A041 · #E05934 · #402626

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

#FCC083

Goose Yellow · BurlyWood · Warm Sun

HEX
#FCC083
RGB
rgb(252, 192, 131)
HSL
hsl(30, 95%, 75%)
HSB
hsb(30, 48%, 99%)
CMYK
cmyk(0%, 24%, 48%, 1%)
Oklch
oklch(84.9% 0.104 66.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C9BE77

Fresh Green · Tan · Sunflower

HEX
#C9BE77
RGB
rgb(201, 190, 119)
HSL
hsl(52, 43%, 63%)
HSB
hsb(52, 41%, 79%)
CMYK
cmyk(0%, 5%, 41%, 21%)
Oklch
oklch(79.5% 0.092 100.6)

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

#F2A041

Ginger · SandyBrown · Warm Sun

HEX
#F2A041
RGB
rgb(242, 160, 65)
HSL
hsl(32, 87%, 60%)
HSB
hsb(32, 73%, 95%)
CMYK
cmyk(0%, 34%, 73%, 5%)
Oklch
oklch(77.1% 0.145 66.2)

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

#E05934

Vermilion · Chocolate · Passion Red

HEX
#E05934
RGB
rgb(224, 89, 52)
HSL
hsl(13, 74%, 54%)
HSB
hsb(13, 77%, 88%)
CMYK
cmyk(0%, 60%, 77%, 12%)
Oklch
oklch(63.4% 0.177 36.0)

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

#402626

Crimson · DarkSlateGray · Deep Berry

HEX
#402626
RGB
rgb(64, 38, 38)
HSL
hsl(0, 25%, 20%)
HSB
hsb(0, 41%, 25%)
CMYK
cmyk(0%, 41%, 41%, 75%)
Oklch
oklch(30.2% 0.040 19.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCC083
83BFFC

Analogous

FC8383
FCC083
FCFC83

Triadic

FCC083
83FCBF
BF83FC

Split-Comp.

FCC083
83FCFC
8383FC

Tetradic

FCC083
83FC83
83BFFC
FC83FC

Contrast Matrix WCAG 2.1 Contrast

FCC083
C9BE77
F2A041
E05934
402626
—
1.2
Fail
1.3
Fail
2.3
Fail
8.5
AAA
1.2
Fail
—
1.1
Fail
2.0
Fail
7.3
AAA
1.3
Fail
1.1
Fail
—
1.7
Fail
6.5
AA
2.3
Fail
2.0
Fail
1.7
Fail
—
3.7
AA Large
8.5
AAA
7.3
AAA
6.5
AA
3.7
AA Large
—
White BG
1.6Fail
1.9Fail
2.1Fail
3.7AA Large
13.8AAA
Black BG
13.0AAA
11.1AAA
9.9AAA
5.6AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E192
C4C488
CECE58
A6A43D
353526

Deuteranopia

E6EA95
C5C68C
D3D95E
ADB73F
363826

Tritanopia

F99DA0
C89699
EE6A6E
D94446
3F2626

Achromatopsia

CBCBCB
B9B9B9
AEAEAE
7D7D7D
2E2E2E

Shades & Tints Shades & Tints

#FCC083

Dark
Light

#C9BE77

Dark
Light

#F2A041

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcc083;
  --color-2: #c9be77;
  --color-3: #f2a041;
  --color-4: #e05934;
  --color-5: #402626;
}

SCSS

$color-1: #fcc083;
$color-2: #c9be77;
$color-3: #f2a041;
$color-4: #e05934;
$color-5: #402626;

TAILWIND

colors: {
  'brand-1': '#fcc083',
  'brand-2': '#c9be77',
  'brand-3': '#f2a041',
  'brand-4': '#e05934',
  'brand-5': '#402626',
}

RGB Array

[252, 192, 131], [201, 190, 119], [242, 160, 65], [224, 89, 52], [64, 38, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCC083, #C9BE77, #F2A041, #E05934, #402626 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: #fcc083; --color-2: #c9be77; --color-3: #f2a041; --color-4: #e05934; --color-5: #402626. 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