← Back to Editor

#AD0713 · #750F00 · #410000 · #7C5B00 · #B69C01

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

#AD0713

Vermilion · FireBrick · Wine Red

HEX
#AD0713
RGB
rgb(173, 7, 19)
HSL
hsl(356, 92%, 35%)
HSB
hsb(356, 96%, 68%)
CMYK
cmyk(0%, 96%, 89%, 32%)
Oklch
oklch(47.3% 0.189 27.0)

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

#750F00

Vermilion · Maroon · Wine Red

HEX
#750F00
RGB
rgb(117, 15, 0)
HSL
hsl(8, 100%, 23%)
HSB
hsb(8, 100%, 46%)
CMYK
cmyk(0%, 87%, 100%, 54%)
Oklch
oklch(36.2% 0.137 32.0)

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

#410000

Vermilion · Maroon · Deep Berry

HEX
#410000
RGB
rgb(65, 0, 0)
HSL
hsl(0, 100%, 13%)
HSB
hsb(0, 100%, 25%)
CMYK
cmyk(0%, 100%, 100%, 75%)
Oklch
oklch(23.6% 0.097 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#7C5B00

Ochre · Olive · Amber Gold

HEX
#7C5B00
RGB
rgb(124, 91, 0)
HSL
hsl(44, 100%, 24%)
HSB
hsb(44, 100%, 49%)
CMYK
cmyk(0%, 27%, 100%, 51%)
Oklch
oklch(49.2% 0.101 83.9)

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

#B69C01

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#B69C01
RGB
rgb(182, 156, 1)
HSL
hsl(51, 99%, 36%)
HSB
hsb(51, 99%, 71%)
CMYK
cmyk(0%, 14%, 99%, 29%)
Oklch
oklch(69.5% 0.143 97.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD0713
07ABA0

Analogous

AB0764
AD0713
AB4E07

Triadic

AD0713
12AB07
0712AB

Split-Comp.

AD0713
07AB4E
0764AB

Tetradic

AD0713
64AB07
07ABA0
4E07AB

Contrast Matrix WCAG 2.1 Contrast

AD0713
750F00
410000
7C5B00
B69C01
—
1.5
Fail
2.3
Fail
1.2
Fail
2.7
Fail
1.5
Fail
—
1.5
Fail
1.8
Fail
4.2
AA Large
2.3
Fail
1.5
Fail
—
2.7
Fail
6.3
AA
1.2
Fail
1.8
Fail
2.7
Fail
—
2.3
Fail
2.7
Fail
4.2
AA Large
6.3
AA
2.3
Fail
—
White BG
7.5AAA
11.5AAA
17.1AAA
6.3AA
2.7Fail
Black BG
2.8Fail
1.8Fail
1.2Fail
3.4AA Large
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

656410
494804
252400
6E6D16
ABAB27

Deuteranopia

6F7B0F
4F5605
292E00
70721B
ACAE30

Tritanopia

A50E0D
700607
3E0000
7A272B
B5444B

Achromatopsia

3A3A3A
2C2C2C
131313
5A5A5A
929292

Shades & Tints Shades & Tints

#AD0713

Dark
Light

#750F00

Dark
Light

#410000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad0713;
  --color-2: #750f00;
  --color-3: #410000;
  --color-4: #7c5b00;
  --color-5: #b69c01;
}

SCSS

$color-1: #ad0713;
$color-2: #750f00;
$color-3: #410000;
$color-4: #7c5b00;
$color-5: #b69c01;

TAILWIND

colors: {
  'brand-1': '#ad0713',
  'brand-2': '#750f00',
  'brand-3': '#410000',
  'brand-4': '#7c5b00',
  'brand-5': '#b69c01',
}

RGB Array

[173, 7, 19], [117, 15, 0], [65, 0, 0], [124, 91, 0], [182, 156, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD0713, #750F00, #410000, #7C5B00, #B69C01 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: #ad0713; --color-2: #750f00; --color-3: #410000; --color-4: #7c5b00; --color-5: #b69c01. 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