← Back to Editor

#A12D04 · #5E0E0D · #030801 · #4B4957 · #F5D892

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#A12D04

Tangerine · FireBrick · Amber Brown

HEX
#A12D04
RGB
rgb(161, 45, 4)
HSL
hsl(16, 95%, 32%)
HSB
hsb(16, 98%, 63%)
CMYK
cmyk(0%, 72%, 98%, 37%)
Oklch
oklch(47.3% 0.158 36.3)

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

#5E0E0D

Vermilion · Maroon · Wine Red

HEX
#5E0E0D
RGB
rgb(94, 14, 13)
HSL
hsl(1, 76%, 21%)
HSB
hsb(1, 86%, 37%)
CMYK
cmyk(0%, 85%, 86%, 63%)
Oklch
oklch(31.4% 0.113 27.2)

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

#030801

Pine Green · Black · Dark Green

HEX
#030801
RGB
rgb(3, 8, 1)
HSL
hsl(103, 78%, 2%)
HSB
hsb(103, 88%, 3%)
CMYK
cmyk(63%, 0%, 88%, 97%)
Oklch
oklch(12.3% 0.028 134.3)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#4B4957

Deep Indigo · DarkSlateGray · Charcoal

HEX
#4B4957
RGB
rgb(75, 73, 87)
HSL
hsl(249, 9%, 31%)
HSB
hsb(249, 16%, 34%)
CMYK
cmyk(14%, 16%, 0%, 66%)
Oklch
oklch(41.3% 0.023 291.9)

Traditional「Deep Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#F5D892

Goose Yellow · Khaki · Lemon Cream

HEX
#F5D892
RGB
rgb(245, 216, 146)
HSL
hsl(42, 83%, 77%)
HSB
hsb(42, 40%, 96%)
CMYK
cmyk(0%, 12%, 40%, 4%)
Oklch
oklch(89.1% 0.094 87.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A12D04
04769F

Analogous

9F0428
A12D04
9F7B04

Triadic

A12D04
049F2D
2D049F

Split-Comp.

A12D04
049F7B
04289F

Tetradic

A12D04
289F04
04769F
7B049F

Contrast Matrix WCAG 2.1 Contrast

A12D04
5E0E0D
030801
4B4957
F5D892
—
1.9
Fail
2.8
Fail
1.2
Fail
5.2
AA
1.9
Fail
—
1.5
Fail
1.5
Fail
9.8
AAA
2.8
Fail
1.5
Fail
—
2.3
Fail
14.6
AAA
1.2
Fail
1.5
Fail
2.3
Fail
—
6.3
AA
5.2
AA
9.8
AAA
14.6
AAA
6.3
AA
—
White BG
7.3AAA
13.6AAA
20.2AAA
8.8AAA
1.4Fail
Black BG
2.9Fail
1.5Fail
1.0Fail
2.4Fail
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6E0E
3B3B0D
050503
4A4A54
E8E8A3

Deuteranopia

767E10
40460D
050503
4A4A53
EAECA7

Tritanopia

9B1617
5A0D0D
030404
4B5150
F4B0B3

Achromatopsia

4B4B4B
262626
060606
4B4B4B
D9D9D9

Shades & Tints Shades & Tints

#A12D04

Dark
Light

#5E0E0D

Dark
Light

#030801

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a12d04;
  --color-2: #5e0e0d;
  --color-3: #030801;
  --color-4: #4b4957;
  --color-5: #f5d892;
}

SCSS

$color-1: #a12d04;
$color-2: #5e0e0d;
$color-3: #030801;
$color-4: #4b4957;
$color-5: #f5d892;

TAILWIND

colors: {
  'brand-1': '#a12d04',
  'brand-2': '#5e0e0d',
  'brand-3': '#030801',
  'brand-4': '#4b4957',
  'brand-5': '#f5d892',
}

RGB Array

[161, 45, 4], [94, 14, 13], [3, 8, 1], [75, 73, 87], [245, 216, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A12D04, #5E0E0D, #030801, #4B4957, #F5D892 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: #a12d04; --color-2: #5e0e0d; --color-3: #030801; --color-4: #4b4957; --color-5: #f5d892. 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