← Back to Editor

#E6E32B · #F80B3A · #4D033D · #1A052A · #4A4749

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

#E6E32B

Autumn Sage · Gold · Sunflower

HEX
#E6E32B
RGB
rgb(230, 227, 43)
HSL
hsl(59, 79%, 54%)
HSB
hsb(59, 81%, 90%)
CMYK
cmyk(0%, 1%, 81%, 10%)
Oklch
oklch(89.0% 0.184 108.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F80B3A

Vermilion · Crimson · Passion Red

HEX
#F80B3A
RGB
rgb(248, 11, 58)
HSL
hsl(348, 94%, 51%)
HSB
hsb(348, 96%, 97%)
CMYK
cmyk(0%, 96%, 77%, 3%)
Oklch
oklch(62.0% 0.247 22.1)

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

#4D033D

Rose Purple · MidnightBlue · Dark Purple

HEX
#4D033D
RGB
rgb(77, 3, 61)
HSL
hsl(313, 93%, 16%)
HSB
hsb(313, 96%, 30%)
CMYK
cmyk(0%, 96%, 21%, 70%)
Oklch
oklch(28.7% 0.120 339.6)

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

#1A052A

Royal Purple · Black · Dark Purple

HEX
#1A052A
RGB
rgb(26, 5, 42)
HSL
hsl(274, 79%, 9%)
HSB
hsb(274, 88%, 16%)
CMYK
cmyk(38%, 88%, 0%, 84%)
Oklch
oklch(18.0% 0.073 306.8)

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

#4A4749

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4A4749
RGB
rgb(74, 71, 73)
HSL
hsl(320, 2%, 28%)
HSB
hsb(320, 4%, 29%)
CMYK
cmyk(0%, 4%, 1%, 71%)
Oklch
oklch(40.2% 0.005 337.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E32B
2D30E6

Analogous

E6872D
E6E32B
8DE62D

Triadic

E6E32B
2DE6E3
E32DE6

Split-Comp.

E6E32B
2D8DE6
872DE6

Tetradic

E6E32B
2DE687
2D30E6
E62D8D

Contrast Matrix WCAG 2.1 Contrast

E6E32B
F80B3A
4D033D
1A052A
4A4749
—
3.0
AA Large
11.0
AAA
14.0
AAA
6.7
AA
3.0
AA Large
—
3.7
AA Large
4.6
AA
2.2
Fail
11.0
AAA
3.7
AA Large
—
1.3
Fail
1.6
Fail
14.0
AAA
4.6
AA
1.3
Fail
—
2.1
Fail
6.7
AA
2.2
Fail
1.6
Fail
2.1
Fail
—
White BG
1.4Fail
4.1AA Large
15.0AAA
19.1AAA
9.2AAA
Black BG
15.4AAA
5.1AA
1.4Fail
1.1Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E558
918F2F
2D2C2F
111121
494949

Deuteranopia

E5E562
9FB12C
31372C
12141F
494948

Tritanopia

E67B82
EC2624
492421
191A18
4A4848

Achromatopsia

CFCFCF
575757
202020
0F0F0F
484848

Shades & Tints Shades & Tints

#E6E32B

Dark
Light

#F80B3A

Dark
Light

#4D033D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e32b;
  --color-2: #f80b3a;
  --color-3: #4d033d;
  --color-4: #1a052a;
  --color-5: #4a4749;
}

SCSS

$color-1: #e6e32b;
$color-2: #f80b3a;
$color-3: #4d033d;
$color-4: #1a052a;
$color-5: #4a4749;

TAILWIND

colors: {
  'brand-1': '#e6e32b',
  'brand-2': '#f80b3a',
  'brand-3': '#4d033d',
  'brand-4': '#1a052a',
  'brand-5': '#4a4749',
}

RGB Array

[230, 227, 43], [248, 11, 58], [77, 3, 61], [26, 5, 42], [74, 71, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6E32B, #F80B3A, #4D033D, #1A052A, #4A4749 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: #e6e32b; --color-2: #f80b3a; --color-3: #4d033d; --color-4: #1a052a; --color-5: #4a4749. 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