← Back to Editor

#FCA326 · #5E5861 · #EB662D · #FFBF00 · #4D1835

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

#FCA326

Ginger · GoldenRod · Warm Sun

HEX
#FCA326
RGB
rgb(252, 163, 38)
HSL
hsl(35, 97%, 57%)
HSB
hsb(35, 85%, 99%)
CMYK
cmyk(0%, 35%, 85%, 1%)
Oklch
oklch(78.7% 0.162 68.5)

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

#5E5861

Ink Gray · DimGray · Charcoal

HEX
#5E5861
RGB
rgb(94, 88, 97)
HSL
hsl(280, 5%, 36%)
HSB
hsb(280, 9%, 38%)
CMYK
cmyk(3%, 9%, 0%, 62%)
Oklch
oklch(46.9% 0.016 314.7)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#EB662D

Tangerine · Chocolate · Warm Sun

HEX
#EB662D
RGB
rgb(235, 102, 45)
HSL
hsl(18, 83%, 55%)
HSB
hsb(18, 81%, 92%)
CMYK
cmyk(0%, 57%, 81%, 8%)
Oklch
oklch(66.7% 0.178 41.4)

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

#FFBF00

Ochre · Gold · Honey Gold

HEX
#FFBF00
RGB
rgb(255, 191, 0)
HSL
hsl(45, 100%, 50%)
HSB
hsb(45, 100%, 100%)
CMYK
cmyk(0%, 25%, 100%, 0%)
Oklch
oklch(84.0% 0.172 84.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#4D1835

Rose Purple · DarkSlateGray · Raspberry

HEX
#4D1835
RGB
rgb(77, 24, 53)
HSL
hsl(327, 52%, 20%)
HSB
hsb(327, 69%, 30%)
CMYK
cmyk(0%, 69%, 31%, 70%)
Oklch
oklch(30.3% 0.088 349.7)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCA326
2780FC

Analogous

FC3927
FCA326
EAFC27

Triadic

FCA326
27FCA3
A327FC

Split-Comp.

FCA326
27EAFC
3927FC

Tetradic

FCA326
27FC39
2780FC
FC27EA

Contrast Matrix WCAG 2.1 Contrast

FCA326
5E5861
EB662D
FFBF00
4D1835
—
3.4
AA Large
1.6
Fail
1.2
Fail
6.9
AA
3.4
AA Large
—
2.1
Fail
4.2
AA Large
2.0
Fail
1.6
Fail
2.1
Fail
—
2.0
Fail
4.3
AA Large
1.2
Fail
4.2
AA Large
2.0
Fail
—
8.5
AAA
6.9
AA
2.0
Fail
4.3
AA Large
8.5
AAA
—
White BG
2.0Fail
6.9AA
3.2AA Large
1.7Fail
14.0AAA
Black BG
10.4AAA
3.0AA Large
6.5AA
12.7AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D544
5B5B5F
B1B03B
E3E32E
36362E

Deuteranopia

DBE14C
5C5C5E
B9C33E
E7EC39
393D2C

Tritanopia

F85C61
5E5D5D
E44648
FC535B
4A2827

Achromatopsia

AFAFAF
5B5B5B
878787
BCBCBC
2B2B2B

Shades & Tints Shades & Tints

#FCA326

Dark
Light

#5E5861

Dark
Light

#EB662D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fca326;
  --color-2: #5e5861;
  --color-3: #eb662d;
  --color-4: #ffbf00;
  --color-5: #4d1835;
}

SCSS

$color-1: #fca326;
$color-2: #5e5861;
$color-3: #eb662d;
$color-4: #ffbf00;
$color-5: #4d1835;

TAILWIND

colors: {
  'brand-1': '#fca326',
  'brand-2': '#5e5861',
  'brand-3': '#eb662d',
  'brand-4': '#ffbf00',
  'brand-5': '#4d1835',
}

RGB Array

[252, 163, 38], [94, 88, 97], [235, 102, 45], [255, 191, 0], [77, 24, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCA326, #5E5861, #EB662D, #FFBF00, #4D1835 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: #fca326; --color-2: #5e5861; --color-3: #eb662d; --color-4: #ffbf00; --color-5: #4d1835. 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