← Back to Editor

#D4B81A · #D6572A · #8C0F0C · #3B291B · #B303CC

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

#D4B81A

Autumn Sage · GoldenRod · Honey Gold

HEX
#D4B81A
RGB
rgb(212, 184, 26)
HSL
hsl(51, 78%, 47%)
HSB
hsb(51, 88%, 83%)
CMYK
cmyk(0%, 13%, 88%, 17%)
Oklch
oklch(78.4% 0.157 97.7)

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

#D6572A

Tangerine · Chocolate · Amber Brown

HEX
#D6572A
RGB
rgb(214, 87, 42)
HSL
hsl(16, 68%, 50%)
HSB
hsb(16, 80%, 84%)
CMYK
cmyk(0%, 59%, 80%, 16%)
Oklch
oklch(61.5% 0.170 38.8)

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

#8C0F0C

Vermilion · DarkRed · Wine Red

HEX
#8C0F0C
RGB
rgb(140, 15, 12)
HSL
hsl(1, 84%, 30%)
HSB
hsb(1, 91%, 55%)
CMYK
cmyk(0%, 89%, 91%, 45%)
Oklch
oklch(40.9% 0.158 28.6)

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

#3B291B

Tangerine · DarkSlateGray · Cinnamon

HEX
#3B291B
RGB
rgb(59, 41, 27)
HSL
hsl(26, 37%, 17%)
HSB
hsb(26, 54%, 23%)
CMYK
cmyk(0%, 31%, 54%, 77%)
Oklch
oklch(29.8% 0.036 58.7)

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

#B303CC

Royal Purple · DarkViolet · Violet

HEX
#B303CC
RGB
rgb(179, 3, 204)
HSL
hsl(293, 97%, 41%)
HSB
hsb(293, 99%, 80%)
CMYK
cmyk(12%, 99%, 0%, 20%)
Oklch
oklch(55.5% 0.263 321.4)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4B81A
1A36D5

Analogous

D55C1A
D4B81A
94D51A

Triadic

D4B81A
1AD5B9
B91AD5

Split-Comp.

D4B81A
1A94D5
5C1AD5

Tetradic

D4B81A
1AD55C
1A36D5
D51A94

Contrast Matrix WCAG 2.1 Contrast

D4B81A
D6572A
8C0F0C
3B291B
B303CC
—
2.0
Fail
4.9
AA
7.0
AAA
2.8
Fail
2.0
Fail
—
2.4
Fail
3.5
AA Large
1.4
Fail
4.9
AA
2.4
Fail
—
1.4
Fail
1.7
Fail
7.0
AAA
3.5
AA Large
1.4
Fail
—
2.5
Fail
2.8
Fail
1.4
Fail
1.7
Fail
2.5
Fail
—
White BG
2.0Fail
4.0AA Large
9.6AAA
13.8AAA
5.5AA
Black BG
10.7AAA
5.3AA
2.2Fail
1.5Fail
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C840
9F9E35
56550D
33331E
67659B

Deuteranopia

CACC49
A6B038
5D670D
34361F
717E90

Tritanopia

D35E65
D03D3F
860D0D
3A2122
AA756D

Achromatopsia

AEAEAE
787878
343434
2D2D2D
4F4F4F

Shades & Tints Shades & Tints

#D4B81A

Dark
Light

#D6572A

Dark
Light

#8C0F0C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4b81a;
  --color-2: #d6572a;
  --color-3: #8c0f0c;
  --color-4: #3b291b;
  --color-5: #b303cc;
}

SCSS

$color-1: #d4b81a;
$color-2: #d6572a;
$color-3: #8c0f0c;
$color-4: #3b291b;
$color-5: #b303cc;

TAILWIND

colors: {
  'brand-1': '#d4b81a',
  'brand-2': '#d6572a',
  'brand-3': '#8c0f0c',
  'brand-4': '#3b291b',
  'brand-5': '#b303cc',
}

RGB Array

[212, 184, 26], [214, 87, 42], [140, 15, 12], [59, 41, 27], [179, 3, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4B81A, #D6572A, #8C0F0C, #3B291B, #B303CC 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: #d4b81a; --color-2: #d6572a; --color-3: #8c0f0c; --color-4: #3b291b; --color-5: #b303cc. 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