← Back to Editor

#2A0832 · #240321 · #D21530 · #FA5615 · #FF9C2B

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

#2A0832

Royal Purple · Black · Dark Purple

HEX
#2A0832
RGB
rgb(42, 8, 50)
HSL
hsl(289, 72%, 11%)
HSB
hsb(289, 84%, 20%)
CMYK
cmyk(16%, 84%, 0%, 80%)
Oklch
oklch(21.9% 0.084 319.3)

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

#240321

Rose Purple · Black · Dark Purple

HEX
#240321
RGB
rgb(36, 3, 33)
HSL
hsl(305, 85%, 8%)
HSB
hsb(305, 92%, 14%)
CMYK
cmyk(0%, 92%, 8%, 86%)
Oklch
oklch(18.6% 0.073 331.9)

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

#D21530

Vermilion · Crimson · Passion Red

HEX
#D21530
RGB
rgb(210, 21, 48)
HSL
hsl(351, 82%, 45%)
HSB
hsb(351, 90%, 82%)
CMYK
cmyk(0%, 90%, 77%, 18%)
Oklch
oklch(55.1% 0.214 22.8)

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

#FA5615

Tangerine · OrangeRed · Warm Sun

HEX
#FA5615
RGB
rgb(250, 86, 21)
HSL
hsl(17, 96%, 53%)
HSB
hsb(17, 92%, 98%)
CMYK
cmyk(0%, 66%, 92%, 2%)
Oklch
oklch(66.9% 0.210 38.2)

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

#FF9C2B

Ginger · GoldenRod · Warm Sun

HEX
#FF9C2B
RGB
rgb(255, 156, 43)
HSL
hsl(32, 100%, 58%)
HSB
hsb(32, 83%, 100%)
CMYK
cmyk(0%, 39%, 83%, 0%)
Oklch
oklch(77.8% 0.165 63.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A0832
0F3008

Analogous

150830
2A0832
300823

Triadic

2A0832
302908
083029

Split-Comp.

2A0832
233008
083015

Tetradic

2A0832
301508
0F3008
082330

Contrast Matrix WCAG 2.1 Contrast

2A0832
240321
D21530
FA5615
FF9C2B
—
1.1
Fail
3.3
AA Large
5.4
AA
8.5
AAA
1.1
Fail
—
3.5
AA Large
5.8
AA
9.0
AAA
3.3
AA Large
3.5
AA Large
—
1.6
Fail
2.6
Fail
5.4
AA
5.8
AA
1.6
Fail
—
1.6
Fail
8.5
AAA
9.0
AAA
2.6
Fail
1.6
Fail
—
White BG
17.8AAA
18.9AAA
5.4AA
3.3AA Large
2.1Fail
Black BG
1.2Fail
1.1Fail
3.9AA Large
6.4AA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B28
16151A
807E29
B3B225
D4D346

Deuteranopia

1D2025
181A18
8B9928
BDC929
DAE14D

Tritanopia

28201E
221413
C92423
F23134
FA5C61

Achromatopsia

171717
101010
515151
808080
ADADAD

Shades & Tints Shades & Tints

#2A0832

Dark
Light

#240321

Dark
Light

#D21530

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a0832;
  --color-2: #240321;
  --color-3: #d21530;
  --color-4: #fa5615;
  --color-5: #ff9c2b;
}

SCSS

$color-1: #2a0832;
$color-2: #240321;
$color-3: #d21530;
$color-4: #fa5615;
$color-5: #ff9c2b;

TAILWIND

colors: {
  'brand-1': '#2a0832',
  'brand-2': '#240321',
  'brand-3': '#d21530',
  'brand-4': '#fa5615',
  'brand-5': '#ff9c2b',
}

RGB Array

[42, 8, 50], [36, 3, 33], [210, 21, 48], [250, 86, 21], [255, 156, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A0832, #240321, #D21530, #FA5615, #FF9C2B 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: #2a0832; --color-2: #240321; --color-3: #d21530; --color-4: #fa5615; --color-5: #ff9c2b. 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