← Back to Editor

#47250A · #81380B · #FF6511 · #F39925 · #FCCF20

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

#47250A

Tangerine · Maroon · Cinnamon

HEX
#47250A
RGB
rgb(71, 37, 10)
HSL
hsl(27, 75%, 16%)
HSB
hsb(27, 86%, 28%)
CMYK
cmyk(0%, 48%, 86%, 72%)
Oklch
oklch(30.4% 0.064 55.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#81380B

Tangerine · Brown · Amber Brown

HEX
#81380B
RGB
rgb(129, 56, 11)
HSL
hsl(23, 84%, 27%)
HSB
hsb(23, 91%, 51%)
CMYK
cmyk(0%, 57%, 91%, 49%)
Oklch
oklch(43.3% 0.114 46.4)

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

#FF6511

Tangerine · OrangeRed · Warm Sun

HEX
#FF6511
RGB
rgb(255, 101, 17)
HSL
hsl(21, 100%, 53%)
HSB
hsb(21, 93%, 100%)
CMYK
cmyk(0%, 60%, 93%, 0%)
Oklch
oklch(69.5% 0.204 42.2)

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

#F39925

Ginger · GoldenRod · Warm Sun

HEX
#F39925
RGB
rgb(243, 153, 37)
HSL
hsl(34, 90%, 55%)
HSB
hsb(34, 85%, 95%)
CMYK
cmyk(0%, 37%, 85%, 5%)
Oklch
oklch(75.8% 0.159 66.1)

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

#FCCF20

Ginger · Gold · Sunflower

HEX
#FCCF20
RGB
rgb(252, 207, 32)
HSL
hsl(48, 97%, 56%)
HSB
hsb(48, 87%, 99%)
CMYK
cmyk(0%, 18%, 87%, 1%)
Oklch
oklch(86.9% 0.172 92.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47250A
0A2C47

Analogous

470A0D
47250A
47440A

Triadic

47250A
0A4726
260A47

Split-Comp.

47250A
0A4744
0A0D47

Tetradic

47250A
0D470A
0A2C47
440A47

Contrast Matrix WCAG 2.1 Contrast

47250A
81380B
FF6511
F39925
FCCF20
—
1.6
Fail
4.6
AA
6.1
AA
9.2
AAA
1.6
Fail
—
2.8
Fail
3.8
AA Large
5.6
AA
4.6
AA
2.8
Fail
—
1.3
Fail
2.0
Fail
6.1
AA
3.8
AA Large
1.3
Fail
—
1.5
Fail
9.2
AAA
5.6
AA
2.0
Fail
1.5
Fail
—
White BG
13.7AAA
8.4AAA
2.9Fail
2.2Fail
1.5Fail
Black BG
1.5Fail
2.5Fail
7.1AAA
9.4AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383811
616116
BCBB25
CCCB41
E9E84A

Deuteranopia

3A3D12
666B19
C5D12A
D1D848
EBEE55

Tritanopia

451617
7D1E20
F73539
EF575C
FA6C73

Achromatopsia

2C2C2C
494949
898989
A7A7A7
C9C9C9

Shades & Tints Shades & Tints

#47250A

Dark
Light

#81380B

Dark
Light

#FF6511

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47250a;
  --color-2: #81380b;
  --color-3: #ff6511;
  --color-4: #f39925;
  --color-5: #fccf20;
}

SCSS

$color-1: #47250a;
$color-2: #81380b;
$color-3: #ff6511;
$color-4: #f39925;
$color-5: #fccf20;

TAILWIND

colors: {
  'brand-1': '#47250a',
  'brand-2': '#81380b',
  'brand-3': '#ff6511',
  'brand-4': '#f39925',
  'brand-5': '#fccf20',
}

RGB Array

[71, 37, 10], [129, 56, 11], [255, 101, 17], [243, 153, 37], [252, 207, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47250A, #81380B, #FF6511, #F39925, #FCCF20 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: #47250a; --color-2: #81380b; --color-3: #ff6511; --color-4: #f39925; --color-5: #fccf20. 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