← Back to Editor

#854564 · #B56060 · #C48456 · #B5A95E · #C9C293

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#854564

Dark Violet · DimGray · Camellia

HEX
#854564
RGB
rgb(133, 69, 100)
HSL
hsl(331, 32%, 40%)
HSB
hsb(331, 48%, 52%)
CMYK
cmyk(0%, 48%, 25%, 48%)
Oklch
oklch(47.9% 0.095 350.9)

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

#B56060

Crimson · Sienna · Passion Red

HEX
#B56060
RGB
rgb(181, 96, 96)
HSL
hsl(0, 36%, 54%)
HSB
hsb(0, 47%, 71%)
CMYK
cmyk(0%, 47%, 47%, 29%)
Oklch
oklch(58.8% 0.110 21.0)

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

#C48456

Tangerine · DarkSalmon · Warm Sun

HEX
#C48456
RGB
rgb(196, 132, 86)
HSL
hsl(25, 48%, 55%)
HSB
hsb(25, 56%, 77%)
CMYK
cmyk(0%, 33%, 56%, 23%)
Oklch
oklch(66.9% 0.100 55.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#B5A95E

Autumn Sage · Tan · Sunflower

HEX
#B5A95E
RGB
rgb(181, 169, 94)
HSL
hsl(52, 37%, 54%)
HSB
hsb(52, 48%, 71%)
CMYK
cmyk(0%, 7%, 48%, 29%)
Oklch
oklch(72.9% 0.097 100.4)

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

#C9C293

Fresh Green · Tan · Sunflower

HEX
#C9C293
RGB
rgb(201, 194, 147)
HSL
hsl(52, 33%, 68%)
HSB
hsb(52, 27%, 79%)
CMYK
cmyk(0%, 3%, 27%, 21%)
Oklch
oklch(80.8% 0.063 100.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

854564
458767

Analogous

874586
854564
874645

Triadic

854564
658745
456587

Split-Comp.

854564
458746
458687

Tetradic

854564
868745
458767
464587

Contrast Matrix WCAG 2.1 Contrast

854564
B56060
C48456
B5A95E
C9C293
—
1.6
Fail
2.2
Fail
2.9
Fail
3.8
AA Large
1.6
Fail
—
1.4
Fail
1.8
Fail
2.4
Fail
2.2
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.9
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
3.8
AA Large
2.4
Fail
1.7
Fail
1.3
Fail
—
White BG
6.9AA
4.4AA Large
3.1AA Large
2.4Fail
1.8Fail
Black BG
3.0AA Large
4.8AA
6.8AA
8.8AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

69695C
908F60
A8A861
B0B070
C6C69E

Deuteranopia

6D725B
959C60
ACB164
B1B175
C6C7A1

Tritanopia

825755
B16060
C16A6C
B47E82
C9A7A9

Achromatopsia

5C5C5C
797979
929292
A4A4A4
BFBFBF

Shades & Tints Shades & Tints

#854564

Dark
Light

#B56060

Dark
Light

#C48456

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #854564;
  --color-2: #b56060;
  --color-3: #c48456;
  --color-4: #b5a95e;
  --color-5: #c9c293;
}

SCSS

$color-1: #854564;
$color-2: #b56060;
$color-3: #c48456;
$color-4: #b5a95e;
$color-5: #c9c293;

TAILWIND

colors: {
  'brand-1': '#854564',
  'brand-2': '#b56060',
  'brand-3': '#c48456',
  'brand-4': '#b5a95e',
  'brand-5': '#c9c293',
}

RGB Array

[133, 69, 100], [181, 96, 96], [196, 132, 86], [181, 169, 94], [201, 194, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #854564, #B56060, #C48456, #B5A95E, #C9C293 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #854564; --color-2: #b56060; --color-3: #c48456; --color-4: #b5a95e; --color-5: #c9c293. 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. 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 tech, SaaS, healthcare, eco industries. 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