← Back to Editor

#E8002B · #FFCB0D · #05919E · #09446B · #3E0A54

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

#E8002B

Vermilion · Crimson · Passion Red

HEX
#E8002B
RGB
rgb(232, 0, 43)
HSL
hsl(349, 100%, 45%)
HSB
hsb(349, 100%, 91%)
CMYK
cmyk(0%, 100%, 81%, 9%)
Oklch
oklch(58.7% 0.237 24.1)

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

#FFCB0D

Ginger · Gold · Sunflower

HEX
#FFCB0D
RGB
rgb(255, 203, 13)
HSL
hsl(47, 100%, 53%)
HSB
hsb(47, 95%, 100%)
CMYK
cmyk(0%, 20%, 95%, 0%)
Oklch
oklch(86.3% 0.175 89.7)

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

#05919E

Lake Blue · Teal · Mint Ice

HEX
#05919E
RGB
rgb(5, 145, 158)
HSL
hsl(185, 94%, 32%)
HSB
hsb(185, 97%, 62%)
CMYK
cmyk(97%, 8%, 0%, 38%)
Oklch
oklch(60.0% 0.102 206.0)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#09446B

Lake Blue · MidnightBlue · Prussian Blue

HEX
#09446B
RGB
rgb(9, 68, 107)
HSL
hsl(204, 84%, 23%)
HSB
hsb(204, 92%, 42%)
CMYK
cmyk(92%, 36%, 0%, 58%)
Oklch
oklch(37.3% 0.087 244.5)

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

#3E0A54

Royal Purple · MidnightBlue · Dark Purple

HEX
#3E0A54
RGB
rgb(62, 10, 84)
HSL
hsl(282, 79%, 18%)
HSB
hsb(282, 88%, 33%)
CMYK
cmyk(26%, 88%, 0%, 67%)
Oklch
oklch(28.2% 0.125 312.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8002B
00E6BB

Analogous

E6009D
E8002B
E64900

Triadic

E8002B
2AE600
002AE6

Split-Comp.

E8002B
00E649
009DE6

Tetradic

E8002B
9DE600
00E6BB
4900E6

Contrast Matrix WCAG 2.1 Contrast

E8002B
FFCB0D
05919E
09446B
3E0A54
—
3.1
AA Large
1.2
Fail
2.2
Fail
3.2
AA Large
3.1
AA Large
—
2.5
Fail
6.7
AA
10.0
AAA
1.2
Fail
2.5
Fail
—
2.7
Fail
4.0
AA Large
2.2
Fail
6.7
AA
2.7
Fail
—
1.5
Fail
3.2
AA Large
10.0
AAA
4.0
AA Large
1.5
Fail
—
White BG
4.7AA
1.5Fail
3.8AA Large
10.2AAA
15.3AAA
Black BG
4.5AA Large
13.8AAA
5.6AA
2.1Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

848121
E8E83B
42439B
232362
272742

Deuteranopia

91A21E
ECEF46
3A2F9A
1F1B5F
2B2E3E

Tritanopia

DC1817
FC5F67
0C9898
0C5A58
3B3431

Achromatopsia

4A4A4A
C5C5C5
696969
373737
222222

Shades & Tints Shades & Tints

#E8002B

Dark
Light

#FFCB0D

Dark
Light

#05919E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8002b;
  --color-2: #ffcb0d;
  --color-3: #05919e;
  --color-4: #09446b;
  --color-5: #3e0a54;
}

SCSS

$color-1: #e8002b;
$color-2: #ffcb0d;
$color-3: #05919e;
$color-4: #09446b;
$color-5: #3e0a54;

TAILWIND

colors: {
  'brand-1': '#e8002b',
  'brand-2': '#ffcb0d',
  'brand-3': '#05919e',
  'brand-4': '#09446b',
  'brand-5': '#3e0a54',
}

RGB Array

[232, 0, 43], [255, 203, 13], [5, 145, 158], [9, 68, 107], [62, 10, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8002B, #FFCB0D, #05919E, #09446B, #3E0A54 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: #e8002b; --color-2: #ffcb0d; --color-3: #05919e; --color-4: #09446b; --color-5: #3e0a54. 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