← Back to Editor

#A70E09 · #D6D082 · #553528 · #C73123 · #85732B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A70E09

Vermilion · DarkRed · Wine Red

HEX
#A70E09
RGB
rgb(167, 14, 9)
HSL
hsl(2, 90%, 35%)
HSB
hsb(2, 95%, 65%)
CMYK
cmyk(0%, 92%, 95%, 35%)
Oklch
oklch(46.2% 0.183 29.1)

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

#D6D082

Fresh Green · BurlyWood · Sunflower

HEX
#D6D082
RGB
rgb(214, 208, 130)
HSL
hsl(56, 51%, 67%)
HSB
hsb(56, 39%, 84%)
CMYK
cmyk(0%, 3%, 39%, 16%)
Oklch
oklch(84.5% 0.099 104.5)

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

#553528

Tangerine · DarkOliveGreen · Cinnamon

HEX
#553528
RGB
rgb(85, 53, 40)
HSL
hsl(17, 36%, 25%)
HSB
hsb(17, 53%, 33%)
CMYK
cmyk(0%, 38%, 53%, 67%)
Oklch
oklch(36.4% 0.051 42.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#C73123

Vermilion · FireBrick · Passion Red

HEX
#C73123
RGB
rgb(199, 49, 35)
HSL
hsl(5, 70%, 46%)
HSB
hsb(5, 82%, 78%)
CMYK
cmyk(0%, 75%, 82%, 22%)
Oklch
oklch(54.7% 0.189 29.7)

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

#85732B

Ochre · Sienna · Honey Gold

HEX
#85732B
RGB
rgb(133, 115, 43)
HSL
hsl(48, 51%, 35%)
HSB
hsb(48, 68%, 52%)
CMYK
cmyk(0%, 14%, 68%, 48%)
Oklch
oklch(55.8% 0.094 95.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A70E09
09A4AA

Analogous

AA0954
A70E09
AA5F09

Triadic

A70E09
09AA0E
0E09AA

Split-Comp.

A70E09
09AA5F
0954AA

Tetradic

A70E09
54AA09
09A4AA
5F09AA

Contrast Matrix WCAG 2.1 Contrast

A70E09
D6D082
553528
C73123
85732B
—
4.9
AA
1.4
Fail
1.4
Fail
1.7
Fail
4.9
AA
—
6.9
AA
3.4
AA Large
2.9
Fail
1.4
Fail
6.9
AA
—
2.0
Fail
2.3
Fail
1.4
Fail
3.4
AA Large
2.0
Fail
—
1.2
Fail
1.7
Fail
2.9
Fail
2.3
Fail
1.2
Fail
—
White BG
7.7AAA
1.6Fail
10.9AAA
5.4AA
4.7AA
Black BG
2.7Fail
13.2AAA
1.9Fail
3.9AA Large
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

65630A
D3D395
47472B
868526
7D7D3C

Deuteranopia

6E790B
D4D499
494B2C
8F9A27
7E8041

Tritanopia

9F0B0B
D6A4A7
532E2E
BF292A
844A4D

Achromatopsia

3B3B3B
C9C9C9
3D3D3D
5C5C5C
707070

Shades & Tints Shades & Tints

#A70E09

Dark
Light

#D6D082

Dark
Light

#553528

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a70e09;
  --color-2: #d6d082;
  --color-3: #553528;
  --color-4: #c73123;
  --color-5: #85732b;
}

SCSS

$color-1: #a70e09;
$color-2: #d6d082;
$color-3: #553528;
$color-4: #c73123;
$color-5: #85732b;

TAILWIND

colors: {
  'brand-1': '#a70e09',
  'brand-2': '#d6d082',
  'brand-3': '#553528',
  'brand-4': '#c73123',
  'brand-5': '#85732b',
}

RGB Array

[167, 14, 9], [214, 208, 130], [85, 53, 40], [199, 49, 35], [133, 115, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A70E09, #D6D082, #553528, #C73123, #85732B is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a70e09; --color-2: #d6d082; --color-3: #553528; --color-4: #c73123; --color-5: #85732b. 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 tech, SaaS, healthcare, eco industries. 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