← Back to Editor

#8A0202 · #F1B68A · #DC7858 · #65642E · #BDA066

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 AppData Visualization

Color Details Color Details

#8A0202

Vermilion · DarkRed · Wine Red

HEX
#8A0202
RGB
rgb(138, 2, 2)
HSL
hsl(0, 97%, 27%)
HSB
hsb(0, 99%, 54%)
CMYK
cmyk(0%, 99%, 99%, 46%)
Oklch
oklch(39.9% 0.162 29.0)

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

#F1B68A

Apricot · BurlyWood · Warm Sun

HEX
#F1B68A
RGB
rgb(241, 182, 138)
HSL
hsl(26, 79%, 74%)
HSB
hsb(26, 43%, 95%)
CMYK
cmyk(0%, 24%, 43%, 5%)
Oklch
oklch(82.0% 0.090 57.8)

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

#DC7858

Tangerine · Coral · Warm Sun

HEX
#DC7858
RGB
rgb(220, 120, 88)
HSL
hsl(15, 65%, 60%)
HSB
hsb(15, 60%, 86%)
CMYK
cmyk(0%, 45%, 60%, 14%)
Oklch
oklch(67.8% 0.133 38.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#65642E

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#65642E
RGB
rgb(101, 100, 46)
HSL
hsl(59, 37%, 29%)
HSB
hsb(59, 54%, 40%)
CMYK
cmyk(0%, 1%, 54%, 60%)
Oklch
oklch(49.2% 0.075 107.9)

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

#BDA066

Ginger · Tan · Sunflower

HEX
#BDA066
RGB
rgb(189, 160, 102)
HSL
hsl(40, 40%, 57%)
HSB
hsb(40, 46%, 74%)
CMYK
cmyk(0%, 15%, 46%, 26%)
Oklch
oklch(71.9% 0.083 83.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A0202
028888

Analogous

880245
8A0202
884502

Triadic

8A0202
028802
020288

Split-Comp.

8A0202
028845
024588

Tetradic

8A0202
458802
028888
450288

Contrast Matrix WCAG 2.1 Contrast

8A0202
F1B68A
DC7858
65642E
BDA066
—
5.6
AA
3.3
AA Large
1.6
Fail
4.0
AA Large
5.6
AA
—
1.7
Fail
3.5
AA Large
1.4
Fail
3.3
AA Large
1.7
Fail
—
2.0
Fail
1.2
Fail
1.6
Fail
3.5
AA Large
2.0
Fail
—
2.5
Fail
4.0
AA Large
1.4
Fail
1.2
Fail
2.5
Fail
—
White BG
10.0AAA
1.8Fail
3.1AA Large
6.1AA
2.5Fail
Black BG
2.1Fail
11.8AAA
6.9AA
3.4AA Large
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4E02
D7D795
B1B060
65653B
B0B074

Deuteranopia

576102
DBDF97
B7BE62
65653E
B2B477

Tritanopia

830202
EE9D9F
D76667
654548
BC7F82

Achromatopsia

2B2B2B
C3C3C3
929292
5E5E5E
A2A2A2

Shades & Tints Shades & Tints

#8A0202

Dark
Light

#F1B68A

Dark
Light

#DC7858

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a0202;
  --color-2: #f1b68a;
  --color-3: #dc7858;
  --color-4: #65642e;
  --color-5: #bda066;
}

SCSS

$color-1: #8a0202;
$color-2: #f1b68a;
$color-3: #dc7858;
$color-4: #65642e;
$color-5: #bda066;

TAILWIND

colors: {
  'brand-1': '#8a0202',
  'brand-2': '#f1b68a',
  'brand-3': '#dc7858',
  'brand-4': '#65642e',
  'brand-5': '#bda066',
}

RGB Array

[138, 2, 2], [241, 182, 138], [220, 120, 88], [101, 100, 46], [189, 160, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A0202, #F1B68A, #DC7858, #65642E, #BDA066 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #8a0202; --color-2: #f1b68a; --color-3: #dc7858; --color-4: #65642e; --color-5: #bda066. 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 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