← Back to Editor

#FB7901 · #FCC506 · #EBAE1F · #79870E · #739F00

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

#FB7901

Tangerine · Orange · Amber Brown

HEX
#FB7901
RGB
rgb(251, 121, 1)
HSL
hsl(29, 99%, 49%)
HSB
hsb(29, 100%, 98%)
CMYK
cmyk(0%, 52%, 100%, 2%)
Oklch
oklch(71.6% 0.187 50.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FCC506

Ginger · Gold · Sunflower

HEX
#FCC506
RGB
rgb(252, 197, 6)
HSL
hsl(47, 98%, 51%)
HSB
hsb(47, 98%, 99%)
CMYK
cmyk(0%, 22%, 98%, 1%)
Oklch
oklch(84.9% 0.173 88.1)

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

#EBAE1F

Ginger · GoldenRod · Sunflower

HEX
#EBAE1F
RGB
rgb(235, 174, 31)
HSL
hsl(42, 84%, 52%)
HSB
hsb(42, 87%, 92%)
CMYK
cmyk(0%, 26%, 87%, 8%)
Oklch
oklch(78.7% 0.156 81.9)

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

#79870E

Autumn Sage · Olive · Honey Gold

HEX
#79870E
RGB
rgb(121, 135, 14)
HSL
hsl(67, 81%, 29%)
HSB
hsb(67, 90%, 53%)
CMYK
cmyk(10%, 0%, 90%, 47%)
Oklch
oklch(59.2% 0.132 116.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#739F00

Grass Green · Olive · Forest Green

HEX
#739F00
RGB
rgb(115, 159, 0)
HSL
hsl(77, 100%, 31%)
HSB
hsb(77, 100%, 62%)
CMYK
cmyk(28%, 0%, 100%, 38%)
Oklch
oklch(64.6% 0.166 126.8)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB7901
0181F9

Analogous

F90105
FB7901
F9F501

Triadic

FB7901
01F979
7901F9

Split-Comp.

FB7901
01F9F5
0105F9

Tetradic

FB7901
05F901
0181F9
F501F9

Contrast Matrix WCAG 2.1 Contrast

FB7901
FCC506
EBAE1F
79870E
739F00
—
1.7
Fail
1.4
Fail
1.5
Fail
1.2
Fail
1.7
Fail
—
1.2
Fail
2.5
Fail
2.0
Fail
1.4
Fail
1.2
Fail
—
2.0
Fail
1.6
Fail
1.5
Fail
2.5
Fail
2.0
Fail
—
1.3
Fail
1.2
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
2.7Fail
1.6Fail
2.0Fail
4.0AA Large
3.1AA Large
Black BG
7.8AAA
13.1AAA
10.6AAA
5.3AA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C21E
E4E434
D1D042
7F7F2B
868626

Deuteranopia

CAD425
E7EB3F
D4D94A
7E7D32
848030

Tritanopia

F5353A
F95961
E85D63
7A4247
75454C

Achromatopsia

929292
C0C0C0
B0B0B0
757575
808080

Shades & Tints Shades & Tints

#FB7901

Dark
Light

#FCC506

Dark
Light

#EBAE1F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb7901;
  --color-2: #fcc506;
  --color-3: #ebae1f;
  --color-4: #79870e;
  --color-5: #739f00;
}

SCSS

$color-1: #fb7901;
$color-2: #fcc506;
$color-3: #ebae1f;
$color-4: #79870e;
$color-5: #739f00;

TAILWIND

colors: {
  'brand-1': '#fb7901',
  'brand-2': '#fcc506',
  'brand-3': '#ebae1f',
  'brand-4': '#79870e',
  'brand-5': '#739f00',
}

RGB Array

[251, 121, 1], [252, 197, 6], [235, 174, 31], [121, 135, 14], [115, 159, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FB7901, #FCC506, #EBAE1F, #79870E, #739F00 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: #fb7901; --color-2: #fcc506; --color-3: #ebae1f; --color-4: #79870e; --color-5: #739f00. 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