← Back to Editor

#4F4203 · #7C6A0C · #AB7800 · #AB0800 · #FB1004

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

#4F4203

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4F4203
RGB
rgb(79, 66, 3)
HSL
hsl(50, 93%, 16%)
HSB
hsb(50, 96%, 31%)
CMYK
cmyk(0%, 16%, 96%, 69%)
Oklch
oklch(38.1% 0.077 96.0)

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

#7C6A0C

Autumn Sage · Olive · Honey Gold

HEX
#7C6A0C
RGB
rgb(124, 106, 12)
HSL
hsl(50, 82%, 27%)
HSB
hsb(50, 90%, 49%)
CMYK
cmyk(0%, 15%, 90%, 51%)
Oklch
oklch(52.6% 0.105 96.8)

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

#AB7800

Ochre · DarkGoldenRod · Honey Gold

HEX
#AB7800
RGB
rgb(171, 120, 0)
HSL
hsl(42, 100%, 34%)
HSB
hsb(42, 100%, 67%)
CMYK
cmyk(0%, 30%, 100%, 33%)
Oklch
oklch(60.9% 0.127 78.9)

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

#AB0800

Vermilion · DarkRed · Wine Red

HEX
#AB0800
RGB
rgb(171, 8, 0)
HSL
hsl(3, 100%, 34%)
HSB
hsb(3, 100%, 67%)
CMYK
cmyk(0%, 95%, 100%, 33%)
Oklch
oklch(46.8% 0.189 29.8)

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

#FB1004

Vermilion · Red · Passion Red

HEX
#FB1004
RGB
rgb(251, 16, 4)
HSL
hsl(3, 97%, 50%)
HSB
hsb(3, 98%, 98%)
CMYK
cmyk(0%, 94%, 98%, 2%)
Oklch
oklch(62.4% 0.252 29.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F4203
03104F

Analogous

4F1C03
4F4203
354F03

Triadic

4F4203
034F42
42034F

Split-Comp.

4F4203
03354F
1C034F

Tetradic

4F4203
034F1C
03104F
4F0335

Contrast Matrix WCAG 2.1 Contrast

4F4203
7C6A0C
AB7800
AB0800
FB1004
—
1.9
Fail
2.6
Fail
1.3
Fail
2.5
Fail
1.9
Fail
—
1.4
Fail
1.4
Fail
1.3
Fail
2.6
Fail
1.4
Fail
—
2.0
Fail
1.0
Fail
1.3
Fail
1.4
Fail
2.0
Fail
—
1.9
Fail
2.5
Fail
1.3
Fail
1.0
Fail
1.9
Fail
—
White BG
9.9AAA
5.4AA
3.9AA Large
7.6AAA
4.1AA Large
Black BG
2.1Fail
3.9AA Large
5.4AA
2.8Fail
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494912
747423
95941D
646302
959307

Deuteranopia

4A4B16
757728
989C24
6E7A02
A3B508

Tritanopia

4E1E21
7B3539
A83439
A30304
EF090A

Achromatopsia

3F3F3F
656565
7A7A7A
383838
555555

Shades & Tints Shades & Tints

#4F4203

Dark
Light

#7C6A0C

Dark
Light

#AB7800

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f4203;
  --color-2: #7c6a0c;
  --color-3: #ab7800;
  --color-4: #ab0800;
  --color-5: #fb1004;
}

SCSS

$color-1: #4f4203;
$color-2: #7c6a0c;
$color-3: #ab7800;
$color-4: #ab0800;
$color-5: #fb1004;

TAILWIND

colors: {
  'brand-1': '#4f4203',
  'brand-2': '#7c6a0c',
  'brand-3': '#ab7800',
  'brand-4': '#ab0800',
  'brand-5': '#fb1004',
}

RGB Array

[79, 66, 3], [124, 106, 12], [171, 120, 0], [171, 8, 0], [251, 16, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F4203, #7C6A0C, #AB7800, #AB0800, #FB1004 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #4f4203; --color-2: #7c6a0c; --color-3: #ab7800; --color-4: #ab0800; --color-5: #fb1004. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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