← Back to Editor

#D51B07 · #3A071C · #B2A971 · #D0C36F · #EBDB76

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

#D51B07

Vermilion · FireBrick · Passion Red

HEX
#D51B07
RGB
rgb(213, 27, 7)
HSL
hsl(6, 94%, 43%)
HSB
hsb(6, 97%, 84%)
CMYK
cmyk(0%, 87%, 97%, 16%)
Oklch
oklch(55.7% 0.217 30.3)

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

#3A071C

Dark Violet · Black · Raspberry

HEX
#3A071C
RGB
rgb(58, 7, 28)
HSL
hsl(335, 78%, 13%)
HSB
hsb(335, 88%, 23%)
CMYK
cmyk(0%, 88%, 52%, 77%)
Oklch
oklch(23.5% 0.081 0.8)

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

#B2A971

Autumn Sage · Tan · Sunflower

HEX
#B2A971
RGB
rgb(178, 169, 113)
HSL
hsl(52, 30%, 57%)
HSB
hsb(52, 37%, 70%)
CMYK
cmyk(0%, 5%, 37%, 30%)
Oklch
oklch(72.9% 0.076 100.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#D0C36F

Fresh Green · BurlyWood · Sunflower

HEX
#D0C36F
RGB
rgb(208, 195, 111)
HSL
hsl(52, 51%, 63%)
HSB
hsb(52, 47%, 82%)
CMYK
cmyk(0%, 6%, 47%, 18%)
Oklch
oklch(81.0% 0.106 100.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#EBDB76

Fresh Green · Khaki · Sunflower

HEX
#EBDB76
RGB
rgb(235, 219, 118)
HSL
hsl(52, 75%, 69%)
HSB
hsb(52, 50%, 92%)
CMYK
cmyk(0%, 7%, 50%, 8%)
Oklch
oklch(88.4% 0.124 100.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D51B07
07C0D5

Analogous

D50759
D51B07
D58207

Triadic

D51B07
07D51B
1B07D5

Split-Comp.

D51B07
07D582
0759D5

Tetradic

D51B07
59D507
07C0D5
8207D5

Contrast Matrix WCAG 2.1 Contrast

D51B07
3A071C
B2A971
D0C36F
EBDB76
—
3.3
AA Large
2.2
Fail
2.9
Fail
3.7
AA Large
3.3
AA Large
—
7.2
AAA
9.5
AAA
12.2
AAA
2.2
Fail
7.2
AAA
—
1.3
Fail
1.7
Fail
2.9
Fail
9.5
AAA
1.3
Fail
—
1.3
Fail
3.7
AA Large
12.2
AAA
1.7
Fail
1.3
Fail
—
White BG
5.3AA
17.1AAA
2.4Fail
1.8Fail
1.4Fail
Black BG
4.0AA Large
1.2Fail
8.8AAA
11.7AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

84830C
242317
AEAE7F
CACA83
E4E48E

Deuteranopia

8F9D0D
272B16
AFAF82
CBCC88
E5E694

Tritanopia

CC1011
371312
B2898C
CF9397
EAA2A6

Achromatopsia

505050
191919
A5A5A5
BDBDBD
D4D4D4

Shades & Tints Shades & Tints

#D51B07

Dark
Light

#3A071C

Dark
Light

#B2A971

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d51b07;
  --color-2: #3a071c;
  --color-3: #b2a971;
  --color-4: #d0c36f;
  --color-5: #ebdb76;
}

SCSS

$color-1: #d51b07;
$color-2: #3a071c;
$color-3: #b2a971;
$color-4: #d0c36f;
$color-5: #ebdb76;

TAILWIND

colors: {
  'brand-1': '#d51b07',
  'brand-2': '#3a071c',
  'brand-3': '#b2a971',
  'brand-4': '#d0c36f',
  'brand-5': '#ebdb76',
}

RGB Array

[213, 27, 7], [58, 7, 28], [178, 169, 113], [208, 195, 111], [235, 219, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D51B07, #3A071C, #B2A971, #D0C36F, #EBDB76 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: #d51b07; --color-2: #3a071c; --color-3: #b2a971; --color-4: #d0c36f; --color-5: #ebdb76. 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