← Back to Editor

#030880 · #540157 · #892466 · #FE4724 · #A3D626

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

#030880

Indigo · Navy · Prussian Blue

HEX
#030880
RGB
rgb(3, 8, 128)
HSL
hsl(238, 95%, 26%)
HSB
hsb(238, 98%, 50%)
CMYK
cmyk(98%, 94%, 0%, 50%)
Oklch
oklch(27.9% 0.182 265.0)

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

#540157

Royal Purple · Purple · Dark Purple

HEX
#540157
RGB
rgb(84, 1, 87)
HSL
hsl(298, 98%, 17%)
HSB
hsb(298, 99%, 34%)
CMYK
cmyk(3%, 99%, 0%, 66%)
Oklch
oklch(31.6% 0.145 326.6)

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

#892466

Rose Purple · Purple · Camellia

HEX
#892466
RGB
rgb(137, 36, 102)
HSL
hsl(321, 58%, 34%)
HSB
hsb(321, 74%, 54%)
CMYK
cmyk(0%, 74%, 26%, 46%)
Oklch
oklch(44.3% 0.152 345.0)

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

#FE4724

Vermilion · OrangeRed · Passion Red

HEX
#FE4724
RGB
rgb(254, 71, 36)
HSL
hsl(10, 99%, 57%)
HSB
hsb(10, 86%, 100%)
CMYK
cmyk(0%, 72%, 86%, 0%)
Oklch
oklch(66.2% 0.224 32.7)

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

#A3D626

Grass Green · GreenYellow · Olive Green

HEX
#A3D626
RGB
rgb(163, 214, 38)
HSL
hsl(77, 70%, 49%)
HSB
hsb(77, 82%, 84%)
CMYK
cmyk(24%, 0%, 82%, 16%)
Oklch
oklch(81.1% 0.195 125.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

030880
817D03

Analogous

034681
030880
3E0381

Triadic

030880
810308
088103

Split-Comp.

030880
813E03
468103

Tetradic

030880
810346
817D03
03813E

Contrast Matrix WCAG 2.1 Contrast

030880
540157
892466
FE4724
A3D626
—
1.1
Fail
1.9
Fail
4.5
AA
9.0
AAA
1.1
Fail
—
1.7
Fail
4.0
AA Large
8.0
AAA
1.9
Fail
1.7
Fail
—
2.4
Fail
4.9
AA
4.5
AA
4.0
AA Large
2.4
Fail
—
2.0
Fail
9.0
AAA
8.0
AAA
4.9
AA
2.0
Fail
—
White BG
15.6AAA
13.8AAA
8.4AAA
3.4AA Large
1.7Fail
Black BG
1.4Fail
1.5Fail
2.5Fail
6.1AA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050563
302F42
5D5C56
AFAD2C
B9BA51

Deuteranopia

05055C
353B3D
636B52
B9C72F
B6B25B

Tritanopia

034C47
50322E
844947
F53335
A6727A

Achromatopsia

141414
242424
4A4A4A
7A7A7A
B3B3B3

Shades & Tints Shades & Tints

#030880

Dark
Light

#540157

Dark
Light

#892466

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #030880;
  --color-2: #540157;
  --color-3: #892466;
  --color-4: #fe4724;
  --color-5: #a3d626;
}

SCSS

$color-1: #030880;
$color-2: #540157;
$color-3: #892466;
$color-4: #fe4724;
$color-5: #a3d626;

TAILWIND

colors: {
  'brand-1': '#030880',
  'brand-2': '#540157',
  'brand-3': '#892466',
  'brand-4': '#fe4724',
  'brand-5': '#a3d626',
}

RGB Array

[3, 8, 128], [84, 1, 87], [137, 36, 102], [254, 71, 36], [163, 214, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #030880, #540157, #892466, #FE4724, #A3D626 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: #030880; --color-2: #540157; --color-3: #892466; --color-4: #fe4724; --color-5: #a3d626. 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