← Back to Editor

#4A0018 · #7B6905 · #C61C05 · #F83407 · #E2C504

warm

A 5-color warm 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

#4A0018

Dark Violet · Maroon · Raspberry

HEX
#4A0018
RGB
rgb(74, 0, 24)
HSL
hsl(341, 100%, 15%)
HSB
hsb(341, 100%, 29%)
CMYK
cmyk(0%, 100%, 68%, 71%)
Oklch
oklch(26.1% 0.104 10.5)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#7B6905

Autumn Sage · Olive · Amber Gold

HEX
#7B6905
RGB
rgb(123, 105, 5)
HSL
hsl(51, 92%, 25%)
HSB
hsb(51, 96%, 48%)
CMYK
cmyk(0%, 15%, 96%, 52%)
Oklch
oklch(52.2% 0.106 97.1)

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

#C61C05

Vermilion · FireBrick · Wine Red

HEX
#C61C05
RGB
rgb(198, 28, 5)
HSL
hsl(7, 95%, 40%)
HSB
hsb(7, 97%, 78%)
CMYK
cmyk(0%, 86%, 97%, 22%)
Oklch
oklch(52.9% 0.204 30.8)

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

#F83407

Vermilion · OrangeRed · Passion Red

HEX
#F83407
RGB
rgb(248, 52, 7)
HSL
hsl(11, 95%, 50%)
HSB
hsb(11, 97%, 97%)
CMYK
cmyk(0%, 79%, 97%, 3%)
Oklch
oklch(63.5% 0.234 32.6)

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

#E2C504

Autumn Sage · Gold · Honey Gold

HEX
#E2C504
RGB
rgb(226, 197, 4)
HSL
hsl(52, 97%, 45%)
HSB
hsb(52, 98%, 89%)
CMYK
cmyk(0%, 13%, 98%, 11%)
Oklch
oklch(82.3% 0.170 98.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A0018
004D34

Analogous

4D003E
4A0018
4D0E00

Triadic

4A0018
184D00
00184D

Split-Comp.

4A0018
004D0E
003E4D

Tetradic

4A0018
3E4D00
004D34
0E004D

Contrast Matrix WCAG 2.1 Contrast

4A0018
7B6905
C61C05
F83407
E2C504
—
3.0
Fail
2.7
Fail
4.2
AA Large
9.4
AAA
3.0
Fail
—
1.1
Fail
1.4
Fail
3.2
AA Large
2.7
Fail
1.1
Fail
—
1.5
Fail
3.4
AA Large
4.2
AA Large
1.4
Fail
1.5
Fail
—
2.2
Fail
9.4
AAA
3.2
AA Large
3.4
AA Large
2.2
Fail
—
White BG
16.1AAA
5.4AA
5.9AA
3.8AA Large
1.7Fail
Black BG
1.3Fail
3.9AA Large
3.6AA Large
5.5AA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2912
73731D
7C7B0B
A3A112
D5D533

Deuteranopia

2E3411
747623
86930C
AFBD15
D7D93E

Tritanopia

460E0D
7A3035
BE0F10
EE1A1C
E15860

Achromatopsia

191919
636363
4C4C4C
696969
B8B8B8

Shades & Tints Shades & Tints

#4A0018

Dark
Light

#7B6905

Dark
Light

#C61C05

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a0018;
  --color-2: #7b6905;
  --color-3: #c61c05;
  --color-4: #f83407;
  --color-5: #e2c504;
}

SCSS

$color-1: #4a0018;
$color-2: #7b6905;
$color-3: #c61c05;
$color-4: #f83407;
$color-5: #e2c504;

TAILWIND

colors: {
  'brand-1': '#4a0018',
  'brand-2': '#7b6905',
  'brand-3': '#c61c05',
  'brand-4': '#f83407',
  'brand-5': '#e2c504',
}

RGB Array

[74, 0, 24], [123, 105, 5], [198, 28, 5], [248, 52, 7], [226, 197, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #4A0018, #7B6905, #C61C05, #F83407, #E2C504 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: #4a0018; --color-2: #7b6905; --color-3: #c61c05; --color-4: #f83407; --color-5: #e2c504. 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 warm-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