← Back to Editor

#6E0A16 · #AB3F3C · #AE944A · #D7946A · #D4C58E

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

#6E0A16

Vermilion · Maroon · Wine Red

HEX
#6E0A16
RGB
rgb(110, 10, 22)
HSL
hsl(353, 83%, 24%)
HSB
hsb(353, 91%, 43%)
CMYK
cmyk(0%, 91%, 80%, 57%)
Oklch
oklch(34.6% 0.131 22.7)

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

#AB3F3C

Crimson · Sienna · Passion Red

HEX
#AB3F3C
RGB
rgb(171, 63, 60)
HSL
hsl(2, 48%, 45%)
HSB
hsb(2, 65%, 67%)
CMYK
cmyk(0%, 63%, 65%, 33%)
Oklch
oklch(51.7% 0.143 25.0)

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

#AE944A

Ochre · GoldenRod · Honey Gold

HEX
#AE944A
RGB
rgb(174, 148, 74)
HSL
hsl(44, 40%, 49%)
HSB
hsb(44, 57%, 68%)
CMYK
cmyk(0%, 15%, 57%, 32%)
Oklch
oklch(67.5% 0.099 90.3)

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

#D7946A

Apricot · DarkSalmon · Warm Sun

HEX
#D7946A
RGB
rgb(215, 148, 106)
HSL
hsl(23, 58%, 63%)
HSB
hsb(23, 51%, 84%)
CMYK
cmyk(0%, 31%, 51%, 16%)
Oklch
oklch(72.3% 0.099 52.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D4C58E

Ginger · Tan · Sunflower

HEX
#D4C58E
RGB
rgb(212, 197, 142)
HSL
hsl(47, 45%, 69%)
HSB
hsb(47, 33%, 83%)
CMYK
cmyk(0%, 7%, 33%, 17%)
Oklch
oklch(82.3% 0.074 94.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E0A16
0A7064

Analogous

700A49
6E0A16
70310A

Triadic

6E0A16
16700A
0A1670

Split-Comp.

6E0A16
0A7031
0A4970

Tetradic

6E0A16
49700A
0A7064
310A70

Contrast Matrix WCAG 2.1 Contrast

6E0A16
AB3F3C
AE944A
D7946A
D4C58E
—
2.0
Fail
4.2
AA Large
4.9
AA
7.1
AAA
2.0
Fail
—
2.0
Fail
2.4
Fail
3.5
AA Large
4.2
AA Large
2.0
Fail
—
1.2
Fail
1.7
Fail
4.9
AA
2.4
Fail
1.2
Fail
—
1.5
Fail
7.1
AAA
3.5
AA Large
1.7
Fail
1.5
Fail
—
White BG
12.2AAA
6.0AA
2.9Fail
2.5Fail
1.7Fail
Black BG
1.7Fail
3.5AA Large
7.1AAA
8.3AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

434213
7C7B3D
A3A35C
BAB974
CECD9B

Deuteranopia

495012
838B3D
A4A660
BEC377
CECF9F

Tritanopia

691110
A63D3D
AD6A6D
D47C7E
D3A6A8

Achromatopsia

292929
5F5F5F
939393
A3A3A3
C3C3C3

Shades & Tints Shades & Tints

#6E0A16

Dark
Light

#AB3F3C

Dark
Light

#AE944A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e0a16;
  --color-2: #ab3f3c;
  --color-3: #ae944a;
  --color-4: #d7946a;
  --color-5: #d4c58e;
}

SCSS

$color-1: #6e0a16;
$color-2: #ab3f3c;
$color-3: #ae944a;
$color-4: #d7946a;
$color-5: #d4c58e;

TAILWIND

colors: {
  'brand-1': '#6e0a16',
  'brand-2': '#ab3f3c',
  'brand-3': '#ae944a',
  'brand-4': '#d7946a',
  'brand-5': '#d4c58e',
}

RGB Array

[110, 10, 22], [171, 63, 60], [174, 148, 74], [215, 148, 106], [212, 197, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E0A16, #AB3F3C, #AE944A, #D7946A, #D4C58E 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: #6e0a16; --color-2: #ab3f3c; --color-3: #ae944a; --color-4: #d7946a; --color-5: #d4c58e. 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