← Back to Editor

#2A0925 · #FAA84D · #BA6113 · #900839 · #E50D0E

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

#2A0925

Rose Purple · Black · Dark Purple

HEX
#2A0925
RGB
rgb(42, 9, 37)
HSL
hsl(309, 65%, 10%)
HSB
hsb(309, 79%, 16%)
CMYK
cmyk(0%, 79%, 12%, 84%)
Oklch
oklch(21.1% 0.068 334.2)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#FAA84D

Ginger · SandyBrown · Warm Sun

HEX
#FAA84D
RGB
rgb(250, 168, 77)
HSL
hsl(32, 95%, 64%)
HSB
hsb(32, 69%, 98%)
CMYK
cmyk(0%, 33%, 69%, 2%)
Oklch
oklch(79.6% 0.143 65.8)

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

#BA6113

Tangerine · Chocolate · Amber Brown

HEX
#BA6113
RGB
rgb(186, 97, 19)
HSL
hsl(28, 81%, 40%)
HSB
hsb(28, 90%, 73%)
CMYK
cmyk(0%, 48%, 90%, 27%)
Oklch
oklch(58.7% 0.140 54.2)

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

#900839

Dark Violet · Brown · Camellia

HEX
#900839
RGB
rgb(144, 8, 57)
HSL
hsl(338, 89%, 30%)
HSB
hsb(338, 94%, 56%)
CMYK
cmyk(0%, 94%, 60%, 44%)
Oklch
oklch(42.1% 0.164 9.7)

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

#E50D0E

Vermilion · Red · Passion Red

HEX
#E50D0E
RGB
rgb(229, 13, 14)
HSL
hsl(360, 89%, 47%)
HSB
hsb(360, 94%, 90%)
CMYK
cmyk(0%, 94%, 94%, 10%)
Oklch
oklch(58.2% 0.234 28.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Deep Ember

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A0925
092A0E

Analogous

1E092A
2A0925
2A0915

Triadic

2A0925
252A09
09252A

Split-Comp.

2A0925
152A09
092A1E

Tetradic

2A0925
2A1E09
092A0E
09152A

Contrast Matrix WCAG 2.1 Contrast

2A0925
FAA84D
BA6113
900839
E50D0E
—
9.3
AAA
4.1
AA Large
2.0
Fail
3.8
AA Large
9.3
AAA
—
2.2
Fail
4.7
AA
2.5
Fail
4.1
AA Large
2.2
Fail
—
2.1
Fail
1.1
Fail
2.0
Fail
4.7
AA
2.1
Fail
—
1.9
Fail
3.8
AA Large
2.5
Fail
1.1
Fail
1.9
Fail
—
White BG
18.0AAA
1.9Fail
4.4AA Large
9.2AAA
4.8AA
Black BG
1.2Fail
10.8AAA
4.8AA
2.3Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1B1E
D6D663
939326
55542D
87860E

Deuteranopia

1E201D
DBE168
999F2A
5D672A
94A40E

Tritanopia

281918
F67478
B63538
892422
DA0E0E

Achromatopsia

161616
B6B6B6
737373
363636
4E4E4E

Shades & Tints Shades & Tints

#2A0925

Dark
Light

#FAA84D

Dark
Light

#BA6113

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a0925;
  --color-2: #faa84d;
  --color-3: #ba6113;
  --color-4: #900839;
  --color-5: #e50d0e;
}

SCSS

$color-1: #2a0925;
$color-2: #faa84d;
$color-3: #ba6113;
$color-4: #900839;
$color-5: #e50d0e;

TAILWIND

colors: {
  'brand-1': '#2a0925',
  'brand-2': '#faa84d',
  'brand-3': '#ba6113',
  'brand-4': '#900839',
  'brand-5': '#e50d0e',
}

RGB Array

[42, 9, 37], [250, 168, 77], [186, 97, 19], [144, 8, 57], [229, 13, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A0925, #FAA84D, #BA6113, #900839, #E50D0E is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #2a0925; --color-2: #faa84d; --color-3: #ba6113; --color-4: #900839; --color-5: #e50d0e. 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. 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