← Back to Editor

#A0041A · #DD080C · #F59541 · #FDCB38 · #FFE48B

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

#A0041A

Vermilion · DarkRed · Wine Red

HEX
#A0041A
RGB
rgb(160, 4, 26)
HSL
hsl(352, 95%, 32%)
HSB
hsb(352, 98%, 63%)
CMYK
cmyk(0%, 98%, 84%, 37%)
Oklch
oklch(44.6% 0.179 24.6)

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

#DD080C

Vermilion · Red · Passion Red

HEX
#DD080C
RGB
rgb(221, 8, 12)
HSL
hsl(359, 93%, 45%)
HSB
hsb(359, 96%, 87%)
CMYK
cmyk(0%, 96%, 95%, 13%)
Oklch
oklch(56.6% 0.229 28.7)

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

#F59541

Apricot · Coral · Warm Sun

HEX
#F59541
RGB
rgb(245, 149, 65)
HSL
hsl(28, 90%, 61%)
HSB
hsb(28, 73%, 96%)
CMYK
cmyk(0%, 39%, 73%, 4%)
Oklch
oklch(75.6% 0.150 58.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FDCB38

Ginger · SandyBrown · Sunflower

HEX
#FDCB38
RGB
rgb(253, 203, 56)
HSL
hsl(45, 98%, 61%)
HSB
hsb(45, 78%, 99%)
CMYK
cmyk(0%, 20%, 78%, 1%)
Oklch
oklch(86.3% 0.161 88.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FFE48B

Goose Yellow · Khaki · Lemon Cream

HEX
#FFE48B
RGB
rgb(255, 228, 139)
HSL
hsl(46, 100%, 77%)
HSB
hsb(46, 45%, 100%)
CMYK
cmyk(0%, 11%, 45%, 0%)
Oklch
oklch(92.2% 0.113 93.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0041A
049F8A

Analogous

9F0466
A0041A
9F3D04

Triadic

A0041A
199F04
04199F

Split-Comp.

A0041A
049F3D
04669F

Tetradic

A0041A
669F04
049F8A
3D049F

Contrast Matrix WCAG 2.1 Contrast

A0041A
DD080C
F59541
FDCB38
FFE48B
—
1.6
Fail
3.7
AA Large
5.5
AA
6.6
AA
1.6
Fail
—
2.3
Fail
3.3
AA Large
4.1
AA Large
3.7
AA Large
2.3
Fail
—
1.5
Fail
1.8
Fail
5.5
AA
3.3
AA Large
1.5
Fail
—
1.2
Fail
6.6
AA
4.1
AA Large
1.8
Fail
1.2
Fail
—
White BG
8.3AAA
5.1AA
2.3Fail
1.5Fail
1.3Fail
Black BG
2.5Fail
4.1AA Large
9.3AAA
13.8AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5B15
817F0B
CBCB55
E7E75C
F3F3A1

Deuteranopia

667113
8D9D0B
D1D85A
EAEE64
F5F7A6

Tritanopia

981010
D20A0A
F06569
FB787E
FEB2B5

Achromatopsia

353535
484848
A8A8A8
C9C9C9
E2E2E2

Shades & Tints Shades & Tints

#A0041A

Dark
Light

#DD080C

Dark
Light

#F59541

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0041a;
  --color-2: #dd080c;
  --color-3: #f59541;
  --color-4: #fdcb38;
  --color-5: #ffe48b;
}

SCSS

$color-1: #a0041a;
$color-2: #dd080c;
$color-3: #f59541;
$color-4: #fdcb38;
$color-5: #ffe48b;

TAILWIND

colors: {
  'brand-1': '#a0041a',
  'brand-2': '#dd080c',
  'brand-3': '#f59541',
  'brand-4': '#fdcb38',
  'brand-5': '#ffe48b',
}

RGB Array

[160, 4, 26], [221, 8, 12], [245, 149, 65], [253, 203, 56], [255, 228, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0041A, #DD080C, #F59541, #FDCB38, #FFE48B is ideal for: social media posters, mobile apps, e-commerce promos, 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: #a0041a; --color-2: #dd080c; --color-3: #f59541; --color-4: #fdcb38; --color-5: #ffe48b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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