← Back to Editor

#75080A · #D96F02 · #E6AC0C · #8D973E · #1E2D42

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

#75080A

Vermilion · Maroon · Wine Red

HEX
#75080A
RGB
rgb(117, 8, 10)
HSL
hsl(359, 87%, 25%)
HSB
hsb(359, 93%, 46%)
CMYK
cmyk(0%, 93%, 91%, 54%)
Oklch
oklch(35.8% 0.140 27.6)

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

#D96F02

Ochre · Chocolate · Amber Brown

HEX
#D96F02
RGB
rgb(217, 111, 2)
HSL
hsl(30, 98%, 43%)
HSB
hsb(30, 99%, 85%)
CMYK
cmyk(0%, 49%, 99%, 15%)
Oklch
oklch(65.3% 0.162 54.4)

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

#E6AC0C

Ochre · GoldenRod · Honey Gold

HEX
#E6AC0C
RGB
rgb(230, 172, 12)
HSL
hsl(44, 90%, 47%)
HSB
hsb(44, 95%, 90%)
CMYK
cmyk(0%, 25%, 95%, 10%)
Oklch
oklch(77.8% 0.158 83.8)

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

#8D973E

Autumn Sage · Olive · Honey Gold

HEX
#8D973E
RGB
rgb(141, 151, 62)
HSL
hsl(67, 42%, 42%)
HSB
hsb(67, 59%, 59%)
CMYK
cmyk(7%, 0%, 59%, 41%)
Oklch
oklch(65.0% 0.114 115.0)

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

#1E2D42

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1E2D42
RGB
rgb(30, 45, 66)
HSL
hsl(215, 38%, 19%)
HSB
hsb(215, 55%, 26%)
CMYK
cmyk(55%, 32%, 0%, 74%)
Oklch
oklch(29.4% 0.044 256.9)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75080A
087775

Analogous

770842
75080A
773E08

Triadic

75080A
0A7708
080A77

Split-Comp.

75080A
08773E
084277

Tetradic

75080A
427708
087775
3E0877

Contrast Matrix WCAG 2.1 Contrast

75080A
D96F02
E6AC0C
8D973E
1E2D42
—
3.5
AA Large
5.7
AA
3.7
AA Large
1.2
Fail
3.5
AA Large
—
1.6
Fail
1.1
Fail
4.1
AA Large
5.7
AA
1.6
Fail
—
1.5
Fail
6.8
AA
3.7
AA Large
1.1
Fail
1.5
Fail
—
4.4
AA Large
1.2
Fail
4.1
AA Large
6.8
AA
4.4
AA Large
—
White BG
11.7AAA
3.4AA Large
2.0Fail
3.2AA Large
13.9AAA
Black BG
1.8Fail
6.2AA
10.3AAA
6.6AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

46450A
ABAA1C
CDCC33
919154
24253D

Deuteranopia

4C5409
B1B923
D0D53C
919059
24233C

Tritanopia

700909
D43136
E35158
8E6568
1F3938

Achromatopsia

292929
828282
ABABAB
8A8A8A
2B2B2B

Shades & Tints Shades & Tints

#75080A

Dark
Light

#D96F02

Dark
Light

#E6AC0C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75080a;
  --color-2: #d96f02;
  --color-3: #e6ac0c;
  --color-4: #8d973e;
  --color-5: #1e2d42;
}

SCSS

$color-1: #75080a;
$color-2: #d96f02;
$color-3: #e6ac0c;
$color-4: #8d973e;
$color-5: #1e2d42;

TAILWIND

colors: {
  'brand-1': '#75080a',
  'brand-2': '#d96f02',
  'brand-3': '#e6ac0c',
  'brand-4': '#8d973e',
  'brand-5': '#1e2d42',
}

RGB Array

[117, 8, 10], [217, 111, 2], [230, 172, 12], [141, 151, 62], [30, 45, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75080A, #D96F02, #E6AC0C, #8D973E, #1E2D42 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: #75080a; --color-2: #d96f02; --color-3: #e6ac0c; --color-4: #8d973e; --color-5: #1e2d42. 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