← Back to Editor

#DB1414 · #EB5A00 · #D6AD1A · #6E8F8A · #6E6307

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#DB1414

Vermilion · Crimson · Passion Red

HEX
#DB1414
RGB
rgb(219, 20, 20)
HSL
hsl(0, 83%, 47%)
HSB
hsb(0, 91%, 86%)
CMYK
cmyk(0%, 91%, 91%, 14%)
Oklch
oklch(56.5% 0.224 28.5)

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

#EB5A00

Tangerine · OrangeRed · Amber Brown

HEX
#EB5A00
RGB
rgb(235, 90, 0)
HSL
hsl(23, 100%, 46%)
HSB
hsb(23, 100%, 92%)
CMYK
cmyk(0%, 62%, 100%, 8%)
Oklch
oklch(65.0% 0.195 42.4)

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

#D6AD1A

Ochre · GoldenRod · Honey Gold

HEX
#D6AD1A
RGB
rgb(214, 173, 26)
HSL
hsl(47, 78%, 47%)
HSB
hsb(47, 88%, 84%)
CMYK
cmyk(0%, 19%, 88%, 16%)
Oklch
oklch(76.3% 0.151 90.9)

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

#6E8F8A

Mineral Blue · SlateGray · Mint Ice

HEX
#6E8F8A
RGB
rgb(110, 143, 138)
HSL
hsl(171, 13%, 50%)
HSB
hsb(171, 23%, 56%)
CMYK
cmyk(23%, 0%, 3%, 44%)
Oklch
oklch(62.4% 0.038 184.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#6E6307

Autumn Sage · Olive · Amber Gold

HEX
#6E6307
RGB
rgb(110, 99, 7)
HSL
hsl(54, 88%, 23%)
HSB
hsb(54, 94%, 43%)
CMYK
cmyk(0%, 10%, 94%, 57%)
Oklch
oklch(49.5% 0.101 101.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB1414
14DBDB

Analogous

DB1478
DB1414
DB7814

Triadic

DB1414
14DB14
1414DB

Split-Comp.

DB1414
14DB78
1478DB

Tetradic

DB1414
78DB14
14DBDB
7814DB

Contrast Matrix WCAG 2.1 Contrast

DB1414
EB5A00
D6AD1A
6E8F8A
6E6307
—
1.5
Fail
2.4
Fail
1.4
Fail
1.2
Fail
1.5
Fail
—
1.6
Fail
1.0
Fail
1.7
Fail
2.4
Fail
1.6
Fail
—
1.7
Fail
2.9
Fail
1.4
Fail
1.0
Fail
1.7
Fail
—
1.7
Fail
1.2
Fail
1.7
Fail
2.9
Fail
1.7
Fail
—
White BG
5.1AA
3.5AA Large
2.1Fail
3.5AA Large
6.1AA
Black BG
4.1AA Large
6.0AA
9.9AAA
6.0AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

858314
ACAB16
C4C43E
7C7D8B
69691D

Deuteranopia

909F14
B5C01B
C7CA46
7A788C
6A6B23

Tritanopia

D11414
E4272B
D45A60
708C8C
6D2F33

Achromatopsia

505050
7B7B7B
A9A9A9
858585
5C5C5C

Shades & Tints Shades & Tints

#DB1414

Dark
Light

#EB5A00

Dark
Light

#D6AD1A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db1414;
  --color-2: #eb5a00;
  --color-3: #d6ad1a;
  --color-4: #6e8f8a;
  --color-5: #6e6307;
}

SCSS

$color-1: #db1414;
$color-2: #eb5a00;
$color-3: #d6ad1a;
$color-4: #6e8f8a;
$color-5: #6e6307;

TAILWIND

colors: {
  'brand-1': '#db1414',
  'brand-2': '#eb5a00',
  'brand-3': '#d6ad1a',
  'brand-4': '#6e8f8a',
  'brand-5': '#6e6307',
}

RGB Array

[219, 20, 20], [235, 90, 0], [214, 173, 26], [110, 143, 138], [110, 99, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DB1414, #EB5A00, #D6AD1A, #6E8F8A, #6E6307 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: #db1414; --color-2: #eb5a00; --color-3: #d6ad1a; --color-4: #6e8f8a; --color-5: #6e6307. 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