← Back to Editor

#050400 · #3B380B · #A31800 · #D96A00 · #F7BC06

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 AppData Visualization

Color Details Color Details

#050400

Ochre · Black · Amber Gold

HEX
#050400
RGB
rgb(5, 4, 0)
HSL
hsl(48, 100%, 1%)
HSB
hsb(48, 100%, 2%)
CMYK
cmyk(0%, 20%, 100%, 98%)
Oklch
oklch(10.6% 0.022 101.8)

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

#3B380B

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#3B380B
RGB
rgb(59, 56, 11)
HSL
hsl(56, 69%, 14%)
HSB
hsb(56, 81%, 23%)
CMYK
cmyk(0%, 5%, 81%, 77%)
Oklch
oklch(33.4% 0.062 105.5)

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

#A31800

Vermilion · DarkRed · Wine Red

HEX
#A31800
RGB
rgb(163, 24, 0)
HSL
hsl(9, 100%, 32%)
HSB
hsb(9, 100%, 64%)
CMYK
cmyk(0%, 85%, 100%, 36%)
Oklch
oklch(45.9% 0.175 31.8)

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

#D96A00

Tangerine · Chocolate · Amber Brown

HEX
#D96A00
RGB
rgb(217, 106, 0)
HSL
hsl(29, 100%, 43%)
HSB
hsb(29, 100%, 85%)
CMYK
cmyk(0%, 51%, 100%, 15%)
Oklch
oklch(64.5% 0.166 52.0)

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

#F7BC06

Ochre · Orange · Honey Gold

HEX
#F7BC06
RGB
rgb(247, 188, 6)
HSL
hsl(45, 95%, 50%)
HSB
hsb(45, 98%, 97%)
CMYK
cmyk(0%, 24%, 98%, 3%)
Oklch
oklch(82.6% 0.168 85.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

050400
000105

Analogous

050200
050400
040500

Triadic

050400
000504
040005

Split-Comp.

050400
000405
020005

Tetradic

050400
000502
000105
050004

Contrast Matrix WCAG 2.1 Contrast

050400
3B380B
A31800
D96A00
F7BC06
—
1.7
Fail
2.6
Fail
5.9
AA
11.9
AAA
1.7
Fail
—
1.5
Fail
3.4
AA Large
6.9
AA
2.6
Fail
1.5
Fail
—
2.2
Fail
4.5
AA
5.9
AA
3.4
AA Large
2.2
Fail
—
2.0
Fail
11.9
AAA
6.9
AA
4.5
AA
2.0
Fail
—
White BG
20.5AAA
12.0AAA
7.8AAA
3.5AA Large
1.7Fail
Black BG
1.0Fail
1.8Fail
2.7Fail
6.0AA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050501
3A3A16
676606
A9A81A
DDDD32

Deuteranopia

050501
3A3A19
6F7907
AFB820
E1E53D

Tritanopia

050202
3B1E20
9C0A0B
D32E32
F4555C

Achromatopsia

040404
343434
3F3F3F
7F7F7F
B9B9B9

Shades & Tints Shades & Tints

#050400

Dark
Light

#3B380B

Dark
Light

#A31800

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #050400;
  --color-2: #3b380b;
  --color-3: #a31800;
  --color-4: #d96a00;
  --color-5: #f7bc06;
}

SCSS

$color-1: #050400;
$color-2: #3b380b;
$color-3: #a31800;
$color-4: #d96a00;
$color-5: #f7bc06;

TAILWIND

colors: {
  'brand-1': '#050400',
  'brand-2': '#3b380b',
  'brand-3': '#a31800',
  'brand-4': '#d96a00',
  'brand-5': '#f7bc06',
}

RGB Array

[5, 4, 0], [59, 56, 11], [163, 24, 0], [217, 106, 0], [247, 188, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #050400, #3B380B, #A31800, #D96A00, #F7BC06 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #050400; --color-2: #3b380b; --color-3: #a31800; --color-4: #d96a00; --color-5: #f7bc06. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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