← Back to Editor

#00002B · #532549 · #83194A · #A7142E · #E90D19

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#00002B

Deep Indigo · Black · Deep Sea Blue

HEX
#00002B
RGB
rgb(0, 0, 43)
HSL
hsl(240, 100%, 8%)
HSB
hsb(240, 100%, 17%)
CMYK
cmyk(100%, 100%, 0%, 83%)
Oklch
oklch(13.1% 0.091 264.1)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#532549

Rose Purple · DarkSlateGray · Eggplant

HEX
#532549
RGB
rgb(83, 37, 73)
HSL
hsl(313, 38%, 24%)
HSB
hsb(313, 55%, 33%)
CMYK
cmyk(0%, 55%, 12%, 67%)
Oklch
oklch(34.2% 0.085 336.2)

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

#83194A

Dark Violet · Brown · Camellia

HEX
#83194A
RGB
rgb(131, 25, 74)
HSL
hsl(332, 68%, 31%)
HSB
hsb(332, 81%, 51%)
CMYK
cmyk(0%, 81%, 44%, 49%)
Oklch
oklch(41.1% 0.146 358.2)

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

#A7142E

Vermilion · FireBrick · Wine Red

HEX
#A7142E
RGB
rgb(167, 20, 46)
HSL
hsl(349, 79%, 37%)
HSB
hsb(349, 88%, 65%)
CMYK
cmyk(0%, 88%, 72%, 35%)
Oklch
oklch(46.9% 0.177 19.8)

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

#E90D19

Vermilion · Red · Passion Red

HEX
#E90D19
RGB
rgb(233, 13, 25)
HSL
hsl(357, 89%, 48%)
HSB
hsb(357, 94%, 91%)
CMYK
cmyk(0%, 94%, 89%, 9%)
Oklch
oklch(59.0% 0.237 27.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00002B
292900

Analogous

001429
00002B
140029

Triadic

00002B
290000
002900

Split-Comp.

00002B
291400
142900

Tetradic

00002B
290014
292900
002914

Contrast Matrix WCAG 2.1 Contrast

00002B
532549
83194A
A7142E
E90D19
—
1.7
Fail
2.1
Fail
2.7
Fail
4.4
AA Large
1.7
Fail
—
1.3
Fail
1.6
Fail
2.6
Fail
2.1
Fail
1.3
Fail
—
1.3
Fail
2.1
Fail
2.7
Fail
1.6
Fail
1.3
Fail
—
1.6
Fail
4.4
AA Large
2.6
Fail
2.1
Fail
1.6
Fail
—
White BG
20.3AAA
12.1AAA
9.5AAA
7.5AAA
4.6AA
Black BG
1.0Fail
1.7Fail
2.2Fail
2.8Fail
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

000021
3F3F40
55543E
676628
8A8816

Deuteranopia

00001E
42453E
5B633B
707B26
97A715

Tritanopia

001817
513938
7E3533
A02322
DE1413

Achromatopsia

050505
373737
3E3E3E
434343
505050

Shades & Tints Shades & Tints

#00002B

Dark
Light

#532549

Dark
Light

#83194A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00002b;
  --color-2: #532549;
  --color-3: #83194a;
  --color-4: #a7142e;
  --color-5: #e90d19;
}

SCSS

$color-1: #00002b;
$color-2: #532549;
$color-3: #83194a;
$color-4: #a7142e;
$color-5: #e90d19;

TAILWIND

colors: {
  'brand-1': '#00002b',
  'brand-2': '#532549',
  'brand-3': '#83194a',
  'brand-4': '#a7142e',
  'brand-5': '#e90d19',
}

RGB Array

[0, 0, 43], [83, 37, 73], [131, 25, 74], [167, 20, 46], [233, 13, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #00002B, #532549, #83194A, #A7142E, #E90D19 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #00002b; --color-2: #532549; --color-3: #83194a; --color-4: #a7142e; --color-5: #e90d19. 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. 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 warm-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