← Back to Editor

#2D113B · #47092E · #B92922 · #FA4B00 · #FBB829

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

#2D113B

Royal Purple · MidnightBlue · Dark Purple

HEX
#2D113B
RGB
rgb(45, 17, 59)
HSL
hsl(280, 55%, 15%)
HSB
hsb(280, 71%, 23%)
CMYK
cmyk(24%, 71%, 0%, 77%)
Oklch
oklch(24.3% 0.081 312.7)

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

#47092E

Rose Purple · Maroon · Raspberry

HEX
#47092E
RGB
rgb(71, 9, 46)
HSL
hsl(324, 78%, 16%)
HSB
hsb(324, 87%, 28%)
CMYK
cmyk(0%, 87%, 35%, 72%)
Oklch
oklch(27.2% 0.099 349.5)

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

#B92922

Vermilion · FireBrick · Passion Red

HEX
#B92922
RGB
rgb(185, 41, 34)
HSL
hsl(3, 69%, 43%)
HSB
hsb(3, 82%, 73%)
CMYK
cmyk(0%, 78%, 82%, 27%)
Oklch
oklch(51.5% 0.181 28.3)

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

#FA4B00

Tangerine · OrangeRed · Amber Brown

HEX
#FA4B00
RGB
rgb(250, 75, 0)
HSL
hsl(18, 100%, 49%)
HSB
hsb(18, 100%, 98%)
CMYK
cmyk(0%, 70%, 100%, 2%)
Oklch
oklch(65.7% 0.220 36.9)

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

#FBB829

Ginger · GoldenRod · Sunflower

HEX
#FBB829
RGB
rgb(251, 184, 41)
HSL
hsl(41, 96%, 57%)
HSB
hsb(41, 84%, 98%)
CMYK
cmyk(0%, 27%, 84%, 2%)
Oklch
oklch(82.4% 0.161 80.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D113B
1F3B11

Analogous

18113B
2D113B
3B1134

Triadic

2D113B
3B2D11
113B2D

Split-Comp.

2D113B
343B11
113B18

Tetradic

2D113B
3B1811
1F3B11
11343B

Contrast Matrix WCAG 2.1 Contrast

2D113B
47092E
B92922
FA4B00
FBB829
—
1.1
Fail
2.7
Fail
4.8
AA
9.6
AAA
1.1
Fail
—
2.5
Fail
4.5
AA
8.9
AAA
2.7
Fail
2.5
Fail
—
1.8
Fail
3.5
AA Large
4.8
AA
4.5
AA
1.8
Fail
—
2.0
Fail
9.6
AAA
8.9
AAA
3.5
AA Large
2.0
Fail
—
White BG
16.7AAA
15.6AAA
6.2AA
3.5AA Large
1.8Fail
Black BG
1.3Fail
1.3Fail
3.4AA Large
6.1AA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

212131
2C2C25
7B7924
AEAD12
DEDD4C

Deuteranopia

23252E
303423
838E24
B8C617
E2E754

Tritanopia

2C2927
441E1C
B22525
F12024
F8676D

Achromatopsia

1E1E1E
202020
535353
777777
BCBCBC

Shades & Tints Shades & Tints

#2D113B

Dark
Light

#47092E

Dark
Light

#B92922

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d113b;
  --color-2: #47092e;
  --color-3: #b92922;
  --color-4: #fa4b00;
  --color-5: #fbb829;
}

SCSS

$color-1: #2d113b;
$color-2: #47092e;
$color-3: #b92922;
$color-4: #fa4b00;
$color-5: #fbb829;

TAILWIND

colors: {
  'brand-1': '#2d113b',
  'brand-2': '#47092e',
  'brand-3': '#b92922',
  'brand-4': '#fa4b00',
  'brand-5': '#fbb829',
}

RGB Array

[45, 17, 59], [71, 9, 46], [185, 41, 34], [250, 75, 0], [251, 184, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2D113B, #47092E, #B92922, #FA4B00, #FBB829 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: #2d113b; --color-2: #47092e; --color-3: #b92922; --color-4: #fa4b00; --color-5: #fbb829. 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