← Back to Editor

#500A34 · #6D3556 · #D3C84D · #F5E964 · #FFF694

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

#500A34

Rose Purple · Maroon · Raspberry

HEX
#500A34
RGB
rgb(80, 10, 52)
HSL
hsl(324, 78%, 18%)
HSB
hsb(324, 88%, 31%)
CMYK
cmyk(0%, 88%, 35%, 69%)
Oklch
oklch(29.3% 0.109 349.6)

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

#6D3556

Rose Purple · DimGray · Camellia

HEX
#6D3556
RGB
rgb(109, 53, 86)
HSL
hsl(325, 35%, 32%)
HSB
hsb(325, 51%, 43%)
CMYK
cmyk(0%, 51%, 21%, 57%)
Oklch
oklch(41.3% 0.090 345.4)

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

#D3C84D

Autumn Sage · SandyBrown · Sunflower

HEX
#D3C84D
RGB
rgb(211, 200, 77)
HSL
hsl(55, 60%, 56%)
HSB
hsb(55, 64%, 83%)
CMYK
cmyk(0%, 5%, 64%, 17%)
Oklch
oklch(81.9% 0.142 104.2)

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

#F5E964

Fresh Green · Khaki · Sunflower

HEX
#F5E964
RGB
rgb(245, 233, 100)
HSL
hsl(55, 88%, 68%)
HSB
hsb(55, 59%, 96%)
CMYK
cmyk(0%, 5%, 59%, 4%)
Oklch
oklch(91.9% 0.153 104.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FFF694

Fresh Green · Khaki · Lemon Cream

HEX
#FFF694
RGB
rgb(255, 246, 148)
HSL
hsl(55, 100%, 79%)
HSB
hsb(55, 42%, 100%)
CMYK
cmyk(0%, 4%, 42%, 0%)
Oklch
oklch(95.9% 0.120 103.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

500A34
0A5227

Analogous

4B0A52
500A34
520A11

Triadic

500A34
35520A
0A3552

Split-Comp.

500A34
11520A
0A524B

Tetradic

500A34
524B0A
0A5227
0A1152

Contrast Matrix WCAG 2.1 Contrast

500A34
6D3556
D3C84D
F5E964
FFF694
—
1.6
Fail
8.5
AAA
11.7
AAA
13.2
AAA
1.6
Fail
—
5.3
AA
7.3
AAA
8.2
AAA
8.5
AAA
5.3
AA
—
1.4
Fail
1.6
Fail
11.7
AAA
7.3
AAA
1.4
Fail
—
1.1
Fail
13.2
AAA
8.2
AAA
1.6
Fail
1.1
Fail
—
White BG
14.6AAA
9.2AAA
1.7Fail
1.3Fail
1.1Fail
Black BG
1.4Fail
2.3Fail
12.1AAA
16.7AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

32312A
55544E
CECE6B
F0F084
FBFBAC

Deuteranopia

363B27
585C4C
CFD072
F1F18C
FCFCB1

Tritanopia

4D2220
6A4846
D28287
F49EA3
FFBEC3

Achromatopsia

242424
4A4A4A
BDBDBD
DDDDDD
EEEEEE

Shades & Tints Shades & Tints

#500A34

Dark
Light

#6D3556

Dark
Light

#D3C84D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #500a34;
  --color-2: #6d3556;
  --color-3: #d3c84d;
  --color-4: #f5e964;
  --color-5: #fff694;
}

SCSS

$color-1: #500a34;
$color-2: #6d3556;
$color-3: #d3c84d;
$color-4: #f5e964;
$color-5: #fff694;

TAILWIND

colors: {
  'brand-1': '#500a34',
  'brand-2': '#6d3556',
  'brand-3': '#d3c84d',
  'brand-4': '#f5e964',
  'brand-5': '#fff694',
}

RGB Array

[80, 10, 52], [109, 53, 86], [211, 200, 77], [245, 233, 100], [255, 246, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #500A34, #6D3556, #D3C84D, #F5E964, #FFF694 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #500a34; --color-2: #6d3556; --color-3: #d3c84d; --color-4: #f5e964; --color-5: #fff694. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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