← Back to Editor

#4C2400 · #803B00 · #9B6501 · #C49100 · #FFA50A

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

#4C2400

Tangerine · Maroon · Cinnamon

HEX
#4C2400
RGB
rgb(76, 36, 0)
HSL
hsl(28, 100%, 15%)
HSB
hsb(28, 100%, 30%)
CMYK
cmyk(0%, 53%, 100%, 70%)
Oklch
oklch(31.0% 0.076 56.2)

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

#803B00

Tangerine · Brown · Cinnamon

HEX
#803B00
RGB
rgb(128, 59, 0)
HSL
hsl(28, 100%, 25%)
HSB
hsb(28, 100%, 50%)
CMYK
cmyk(0%, 54%, 100%, 50%)
Oklch
oklch(43.6% 0.113 51.5)

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

#9B6501

Ochre · Olive · Amber Brown

HEX
#9B6501
RGB
rgb(155, 101, 1)
HSL
hsl(39, 99%, 31%)
HSB
hsb(39, 99%, 61%)
CMYK
cmyk(0%, 35%, 99%, 39%)
Oklch
oklch(55.2% 0.117 72.7)

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

#C49100

Ochre · DarkGoldenRod · Honey Gold

HEX
#C49100
RGB
rgb(196, 145, 0)
HSL
hsl(44, 100%, 38%)
HSB
hsb(44, 100%, 77%)
CMYK
cmyk(0%, 26%, 100%, 23%)
Oklch
oklch(68.7% 0.141 83.4)

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

#FFA50A

Ginger · Orange · Warm Sun

HEX
#FFA50A
RGB
rgb(255, 165, 10)
HSL
hsl(38, 100%, 52%)
HSB
hsb(38, 96%, 100%)
CMYK
cmyk(0%, 35%, 96%, 0%)
Oklch
oklch(79.3% 0.170 70.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C2400
00294D

Analogous

4D0003
4C2400
4D4A00

Triadic

4C2400
004D24
24004D

Split-Comp.

4C2400
004D4A
00034D

Tetradic

4C2400
034D00
00294D
4A004D

Contrast Matrix WCAG 2.1 Contrast

4C2400
803B00
9B6501
C49100
FFA50A
—
1.6
Fail
2.7
Fail
4.7
AA
6.8
AA
1.6
Fail
—
1.7
Fail
2.9
Fail
4.2
AA Large
2.7
Fail
1.7
Fail
—
1.7
Fail
2.5
Fail
4.7
AA
2.9
Fail
1.7
Fail
—
1.4
Fail
6.8
AA
4.2
AA Large
2.5
Fail
1.4
Fail
—
White BG
13.5AAA
8.3AAA
4.9AA
2.8Fail
2.0Fail
Black BG
1.6Fail
2.5Fail
4.3AA Large
7.4AAA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3A09
62620E
848319
AEAD23
D8D730

Deuteranopia

3D400B
666B12
878B1F
B1B52C
DDE439

Tritanopia

4A1011
7D1A1C
982C30
C13F45
FB4D54

Achromatopsia

2C2C2C
494949
6A6A6A
909090
AEAEAE

Shades & Tints Shades & Tints

#4C2400

Dark
Light

#803B00

Dark
Light

#9B6501

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c2400;
  --color-2: #803b00;
  --color-3: #9b6501;
  --color-4: #c49100;
  --color-5: #ffa50a;
}

SCSS

$color-1: #4c2400;
$color-2: #803b00;
$color-3: #9b6501;
$color-4: #c49100;
$color-5: #ffa50a;

TAILWIND

colors: {
  'brand-1': '#4c2400',
  'brand-2': '#803b00',
  'brand-3': '#9b6501',
  'brand-4': '#c49100',
  'brand-5': '#ffa50a',
}

RGB Array

[76, 36, 0], [128, 59, 0], [155, 101, 1], [196, 145, 0], [255, 165, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4C2400, #803B00, #9B6501, #C49100, #FFA50A 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: #4c2400; --color-2: #803b00; --color-3: #9b6501; --color-4: #c49100; --color-5: #ffa50a. 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