← Back to Editor

#A0A469 · #FF9E5D · #F84D5D · #B6115D · #2D111D

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

#A0A469

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A0A469
RGB
rgb(160, 164, 105)
HSL
hsl(64, 24%, 53%)
HSB
hsb(64, 36%, 64%)
CMYK
cmyk(2%, 0%, 36%, 36%)
Oklch
oklch(70.1% 0.080 111.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FF9E5D

Apricot · SandyBrown · Warm Sun

HEX
#FF9E5D
RGB
rgb(255, 158, 93)
HSL
hsl(24, 100%, 68%)
HSB
hsb(24, 64%, 100%)
CMYK
cmyk(0%, 38%, 64%, 0%)
Oklch
oklch(78.6% 0.141 53.0)

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

#F84D5D

Peach Pink · Tomato · Coral Red

HEX
#F84D5D
RGB
rgb(248, 77, 93)
HSL
hsl(354, 92%, 64%)
HSB
hsb(354, 69%, 97%)
CMYK
cmyk(0%, 69%, 63%, 3%)
Oklch
oklch(66.4% 0.206 19.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B6115D

Dark Violet · MediumVioletRed · Camellia

HEX
#B6115D
RGB
rgb(182, 17, 93)
HSL
hsl(332, 83%, 39%)
HSB
hsb(332, 91%, 71%)
CMYK
cmyk(0%, 91%, 49%, 29%)
Oklch
oklch(50.7% 0.197 1.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#2D111D

Dark Violet · Black · Raspberry

HEX
#2D111D
RGB
rgb(45, 17, 29)
HSL
hsl(334, 45%, 12%)
HSB
hsb(334, 62%, 18%)
CMYK
cmyk(0%, 62%, 36%, 82%)
Oklch
oklch(22.5% 0.049 354.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0A469
6E6AA4

Analogous

A48B6A
A0A469
83A46A

Triadic

A0A469
6AA0A4
A46AA0

Split-Comp.

A0A469
6A83A4
8B6AA4

Tetradic

A0A469
6AA48B
6E6AA4
A46A83

Contrast Matrix WCAG 2.1 Contrast

A0A469
FF9E5D
F84D5D
B6115D
2D111D
—
1.3
Fail
1.3
Fail
2.5
Fail
6.6
AA
1.3
Fail
—
1.7
Fail
3.2
AA Large
8.5
AAA
1.3
Fail
1.7
Fail
—
1.9
Fail
5.1
AA
2.5
Fail
3.2
AA Large
1.9
Fail
—
2.7
Fail
6.6
AA
8.5
AAA
5.1
AA
2.7
Fail
—
White BG
2.6Fail
2.0Fail
3.4AA Large
6.5AA
17.4AAA
Black BG
8.0AAA
10.3AAA
6.2AA
3.2AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A277
D5D46D
AEAC59
6F6D4B
21211A

Deuteranopia

A2A17B
DBE271
B8C558
788546
232519

Tritanopia

A08385
FA797C
EF5655
AE3C39
2C1817

Achromatopsia

9C9C9C
B4B4B4
828282
4B4B4B
1B1B1B

Shades & Tints Shades & Tints

#A0A469

Dark
Light

#FF9E5D

Dark
Light

#F84D5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0a469;
  --color-2: #ff9e5d;
  --color-3: #f84d5d;
  --color-4: #b6115d;
  --color-5: #2d111d;
}

SCSS

$color-1: #a0a469;
$color-2: #ff9e5d;
$color-3: #f84d5d;
$color-4: #b6115d;
$color-5: #2d111d;

TAILWIND

colors: {
  'brand-1': '#a0a469',
  'brand-2': '#ff9e5d',
  'brand-3': '#f84d5d',
  'brand-4': '#b6115d',
  'brand-5': '#2d111d',
}

RGB Array

[160, 164, 105], [255, 158, 93], [248, 77, 93], [182, 17, 93], [45, 17, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0A469, #FF9E5D, #F84D5D, #B6115D, #2D111D 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: #a0a469; --color-2: #ff9e5d; --color-3: #f84d5d; --color-4: #b6115d; --color-5: #2d111d. 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