← Back to Editor

#DC4621 · #DBA321 · #DBD221 · #65912F · #364721

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

#DC4621

Vermilion · Chocolate · Passion Red

HEX
#DC4621
RGB
rgb(220, 70, 33)
HSL
hsl(12, 74%, 50%)
HSB
hsb(12, 85%, 86%)
CMYK
cmyk(0%, 68%, 85%, 14%)
Oklch
oklch(60.4% 0.193 34.6)

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

#DBA321

Ochre · GoldenRod · Honey Gold

HEX
#DBA321
RGB
rgb(219, 163, 33)
HSL
hsl(42, 74%, 49%)
HSB
hsb(42, 85%, 86%)
CMYK
cmyk(0%, 26%, 85%, 14%)
Oklch
oklch(74.9% 0.146 82.2)

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

#DBD221

Autumn Sage · GoldenRod · Honey Gold

HEX
#DBD221
RGB
rgb(219, 210, 33)
HSL
hsl(57, 74%, 49%)
HSB
hsb(57, 85%, 86%)
CMYK
cmyk(0%, 4%, 85%, 14%)
Oklch
oklch(84.4% 0.174 106.3)

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

#65912F

Grass Green · DarkOliveGreen · Forest Green

HEX
#65912F
RGB
rgb(101, 145, 47)
HSL
hsl(87, 51%, 38%)
HSB
hsb(87, 68%, 57%)
CMYK
cmyk(30%, 0%, 68%, 43%)
Oklch
oklch(60.4% 0.136 130.3)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#364721

Grass Green · DarkSlateGray · Dark Green

HEX
#364721
RGB
rgb(54, 71, 33)
HSL
hsl(87, 37%, 20%)
HSB
hsb(87, 54%, 28%)
CMYK
cmyk(24%, 0%, 54%, 72%)
Oklch
oklch(37.3% 0.064 128.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC4621
21B8DE

Analogous

DE215A
DC4621
DEA521

Triadic

DC4621
21DE47
4721DE

Split-Comp.

DC4621
21DEA5
215ADE

Tetradic

DC4621
5ADE21
21B8DE
A521DE

Contrast Matrix WCAG 2.1 Contrast

DC4621
DBA321
DBD221
65912F
364721
—
1.9
Fail
2.7
Fail
1.1
Fail
2.4
Fail
1.9
Fail
—
1.4
Fail
1.6
Fail
4.5
AA Large
2.7
Fail
1.4
Fail
—
2.3
Fail
6.4
AA
1.1
Fail
1.6
Fail
2.3
Fail
—
2.7
Fail
2.4
Fail
4.5
AA Large
6.4
AA
2.7
Fail
—
White BG
4.3AA Large
2.3Fail
1.6Fail
3.7AA Large
10.1AAA
Black BG
4.9AA
9.3AAA
13.3AAA
5.6AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9A2A
C3C240
D7D74C
787847
3D3E2A

Deuteranopia

A4AF2C
C6CA48
D8D856
76724C
3C3B2C

Tritanopia

D53133
D8595F
DB6E75
67595E
373133

Achromatopsia

6F6F6F
A5A5A5
C1C1C1
797979
3E3E3E

Shades & Tints Shades & Tints

#DC4621

Dark
Light

#DBA321

Dark
Light

#DBD221

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc4621;
  --color-2: #dba321;
  --color-3: #dbd221;
  --color-4: #65912f;
  --color-5: #364721;
}

SCSS

$color-1: #dc4621;
$color-2: #dba321;
$color-3: #dbd221;
$color-4: #65912f;
$color-5: #364721;

TAILWIND

colors: {
  'brand-1': '#dc4621',
  'brand-2': '#dba321',
  'brand-3': '#dbd221',
  'brand-4': '#65912f',
  'brand-5': '#364721',
}

RGB Array

[220, 70, 33], [219, 163, 33], [219, 210, 33], [101, 145, 47], [54, 71, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DC4621, #DBA321, #DBD221, #65912F, #364721 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #dc4621; --color-2: #dba321; --color-3: #dbd221; --color-4: #65912f; --color-5: #364721. 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. 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