← Back to Editor

#13046D · #440563 · #890657 · #BE064D · #E40746

A 5-color palette 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

#13046D

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#13046D
RGB
rgb(19, 4, 109)
HSL
hsl(249, 93%, 22%)
HSB
hsb(249, 96%, 43%)
CMYK
cmyk(83%, 96%, 0%, 57%)
Oklch
oklch(25.6% 0.159 272.2)

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

#440563

Royal Purple · MidnightBlue · Dark Purple

HEX
#440563
RGB
rgb(68, 5, 99)
HSL
hsl(280, 90%, 20%)
HSB
hsb(280, 95%, 39%)
CMYK
cmyk(31%, 95%, 0%, 61%)
Oklch
oklch(30.2% 0.146 309.8)

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

#890657

Rose Purple · Purple · Camellia

HEX
#890657
RGB
rgb(137, 6, 87)
HSL
hsl(323, 92%, 28%)
HSB
hsb(323, 96%, 54%)
CMYK
cmyk(0%, 96%, 36%, 46%)
Oklch
oklch(41.7% 0.169 351.2)

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

#BE064D

Dark Violet · Crimson · Camellia

HEX
#BE064D
RGB
rgb(190, 6, 77)
HSL
hsl(337, 94%, 38%)
HSB
hsb(337, 97%, 75%)
CMYK
cmyk(0%, 97%, 59%, 25%)
Oklch
oklch(51.4% 0.203 9.6)

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

#E40746

Dark Violet · Crimson · Camellia

HEX
#E40746
RGB
rgb(228, 7, 70)
HSL
hsl(343, 94%, 46%)
HSB
hsb(343, 97%, 89%)
CMYK
cmyk(0%, 97%, 69%, 11%)
Oklch
oklch(58.4% 0.232 17.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

13046D
5D6C04

Analogous

04286C
13046D
48046C

Triadic

13046D
6C1404
046C14

Split-Comp.

13046D
6C4804
286C04

Tetradic

13046D
6C0428
5D6C04
046C48

Contrast Matrix WCAG 2.1 Contrast

13046D
440563
890657
BE064D
E40746
—
1.1
Fail
1.8
Fail
2.6
Fail
3.5
AA Large
1.1
Fail
—
1.5
Fail
2.3
Fail
3.1
AA Large
1.8
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
2.6
Fail
2.3
Fail
1.5
Fail
—
1.3
Fail
3.5
AA Large
3.1
AA Large
2.0
Fail
1.3
Fail
—
White BG
16.6AAA
14.5AAA
9.4AAA
6.3AA
4.8AA
Black BG
1.3Fail
1.4Fail
2.2Fail
3.3AA Large
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

0D0C54
29284C
504F43
6E6D3C
848237

Deuteranopia

0D0E4E
2C3147
58623F
798738
91A233

Tritanopia

12403B
413A36
823431
B52E2B
D92B28

Achromatopsia

141414
232323
363636
454545
505050

Shades & Tints Shades & Tints

#13046D

Dark
Light

#440563

Dark
Light

#890657

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #13046d;
  --color-2: #440563;
  --color-3: #890657;
  --color-4: #be064d;
  --color-5: #e40746;
}

SCSS

$color-1: #13046d;
$color-2: #440563;
$color-3: #890657;
$color-4: #be064d;
$color-5: #e40746;

TAILWIND

colors: {
  'brand-1': '#13046d',
  'brand-2': '#440563',
  'brand-3': '#890657',
  'brand-4': '#be064d',
  'brand-5': '#e40746',
}

RGB Array

[19, 4, 109], [68, 5, 99], [137, 6, 87], [190, 6, 77], [228, 7, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #13046D, #440563, #890657, #BE064D, #E40746 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: #13046d; --color-2: #440563; --color-3: #890657; --color-4: #be064d; --color-5: #e40746. 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 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