← Back to Editor

#560840 · #730042 · #A10D4F · #C54051 · #FCB76E

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

#560840

Rose Purple · Maroon · Dark Purple

HEX
#560840
RGB
rgb(86, 8, 64)
HSL
hsl(317, 83%, 18%)
HSB
hsb(317, 91%, 34%)
CMYK
cmyk(0%, 91%, 26%, 66%)
Oklch
oklch(31.0% 0.123 343.0)

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

#730042

Rose Purple · Purple · Raspberry

HEX
#730042
RGB
rgb(115, 0, 66)
HSL
hsl(326, 100%, 23%)
HSB
hsb(326, 100%, 45%)
CMYK
cmyk(0%, 100%, 43%, 55%)
Oklch
oklch(36.3% 0.149 354.8)

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

#A10D4F

Dark Violet · Brown · Camellia

HEX
#A10D4F
RGB
rgb(161, 13, 79)
HSL
hsl(333, 85%, 34%)
HSB
hsb(333, 92%, 63%)
CMYK
cmyk(0%, 92%, 51%, 37%)
Oklch
oklch(46.2% 0.179 2.9)

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

#C54051

Crimson · Crimson · Passion Red

HEX
#C54051
RGB
rgb(197, 64, 81)
HSL
hsl(352, 53%, 51%)
HSB
hsb(352, 68%, 77%)
CMYK
cmyk(0%, 68%, 59%, 23%)
Oklch
oklch(56.5% 0.168 17.1)

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

#FCB76E

Goose Yellow · SandyBrown · Warm Sun

HEX
#FCB76E
RGB
rgb(252, 183, 110)
HSL
hsl(31, 96%, 71%)
HSB
hsb(31, 56%, 99%)
CMYK
cmyk(0%, 27%, 56%, 1%)
Oklch
oklch(82.9% 0.120 66.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

560840
08541D

Analogous

430854
560840
540818

Triadic

560840
3E5408
083E54

Split-Comp.

560840
185408
085443

Tetradic

560840
544308
08541D
081854

Contrast Matrix WCAG 2.1 Contrast

560840
730042
A10D4F
C54051
FCB76E
—
1.2
Fail
1.8
Fail
2.8
Fail
8.1
AAA
1.2
Fail
—
1.5
Fail
2.3
Fail
6.7
AA
1.8
Fail
1.5
Fail
—
1.6
Fail
4.5
AA
2.8
Fail
2.3
Fail
1.6
Fail
—
2.9
Fail
8.1
AAA
6.7
AA
4.5
AA
2.9
Fail
—
White BG
14.0AAA
11.6AAA
7.8AAA
5.0AA
1.7Fail
Black BG
1.5Fail
1.8Fail
2.7Fail
4.2AA Large
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343432
414032
61603F
8B8A4D
DEDE80

Deuteranopia

393F2F
48512E
6A753B
939D4C
E2E784

Tritanopia

522825
6D2523
9A3230
BE4A49
F98E91

Achromatopsia

262626
2A2A2A
414141
6A6A6A
C3C3C3

Shades & Tints Shades & Tints

#560840

Dark
Light

#730042

Dark
Light

#A10D4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #560840;
  --color-2: #730042;
  --color-3: #a10d4f;
  --color-4: #c54051;
  --color-5: #fcb76e;
}

SCSS

$color-1: #560840;
$color-2: #730042;
$color-3: #a10d4f;
$color-4: #c54051;
$color-5: #fcb76e;

TAILWIND

colors: {
  'brand-1': '#560840',
  'brand-2': '#730042',
  'brand-3': '#a10d4f',
  'brand-4': '#c54051',
  'brand-5': '#fcb76e',
}

RGB Array

[86, 8, 64], [115, 0, 66], [161, 13, 79], [197, 64, 81], [252, 183, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #560840, #730042, #A10D4F, #C54051, #FCB76E 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: #560840; --color-2: #730042; --color-3: #a10d4f; --color-4: #c54051; --color-5: #fcb76e. 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