← Back to Editor

#BE5564 · #9C3246 · #785126 · #460906 · #340500

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

#BE5564

Crimson · Sienna · Passion Red

HEX
#BE5564
RGB
rgb(190, 85, 100)
HSL
hsl(351, 45%, 54%)
HSB
hsb(351, 55%, 75%)
CMYK
cmyk(0%, 55%, 47%, 25%)
Oklch
oklch(58.5% 0.135 13.4)

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

#9C3246

Crimson · Brown · Wine Red

HEX
#9C3246
RGB
rgb(156, 50, 70)
HSL
hsl(349, 51%, 40%)
HSB
hsb(349, 68%, 61%)
CMYK
cmyk(0%, 68%, 55%, 39%)
Oklch
oklch(47.9% 0.141 13.1)

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

#785126

Ochre · Sienna · Amber Brown

HEX
#785126
RGB
rgb(120, 81, 38)
HSL
hsl(31, 52%, 31%)
HSB
hsb(31, 68%, 47%)
CMYK
cmyk(0%, 33%, 68%, 53%)
Oklch
oklch(46.9% 0.078 66.4)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#460906

Vermilion · Maroon · Deep Berry

HEX
#460906
RGB
rgb(70, 9, 6)
HSL
hsl(3, 84%, 15%)
HSB
hsb(3, 91%, 27%)
CMYK
cmyk(0%, 87%, 91%, 73%)
Oklch
oklch(25.8% 0.091 28.7)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#340500

Vermilion · Black · Deep Berry

HEX
#340500
RGB
rgb(52, 5, 0)
HSL
hsl(6, 100%, 10%)
HSB
hsb(6, 100%, 20%)
CMYK
cmyk(0%, 90%, 100%, 80%)
Oklch
oklch(21.2% 0.077 33.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE5564
55BEAF

Analogous

BE559A
BE5564
BE7A55

Triadic

BE5564
65BE55
5565BE

Split-Comp.

BE5564
55BE7A
559ABE

Tetradic

BE5564
9ABE55
55BEAF
7A55BE

Contrast Matrix WCAG 2.1 Contrast

BE5564
9C3246
785126
460906
340500
—
1.6
Fail
1.6
Fail
3.6
AA Large
4.0
AA Large
1.6
Fail
—
1.0
Fail
2.3
Fail
2.5
Fail
1.6
Fail
1.0
Fail
—
2.3
Fail
2.6
Fail
3.6
AA Large
2.3
Fail
2.3
Fail
—
1.1
Fail
4.0
AA Large
2.5
Fail
2.6
Fail
1.1
Fail
—
White BG
4.5AA Large
7.1AAA
7.0AA
16.1AAA
18.0AAA
Black BG
4.7AA
3.0Fail
3.0AA Large
1.3Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

919060
6E6D41
676730
2C2B07
201F01

Deuteranopia

979F60
747C40
696C33
2F3407
222602

Tritanopia

B95E5D
973D3D
76393A
430707
320202

Achromatopsia

767676
545454
585858
1B1B1B
121212

Shades & Tints Shades & Tints

#BE5564

Dark
Light

#9C3246

Dark
Light

#785126

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be5564;
  --color-2: #9c3246;
  --color-3: #785126;
  --color-4: #460906;
  --color-5: #340500;
}

SCSS

$color-1: #be5564;
$color-2: #9c3246;
$color-3: #785126;
$color-4: #460906;
$color-5: #340500;

TAILWIND

colors: {
  'brand-1': '#be5564',
  'brand-2': '#9c3246',
  'brand-3': '#785126',
  'brand-4': '#460906',
  'brand-5': '#340500',
}

RGB Array

[190, 85, 100], [156, 50, 70], [120, 81, 38], [70, 9, 6], [52, 5, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BE5564, #9C3246, #785126, #460906, #340500 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: #be5564; --color-2: #9c3246; --color-3: #785126; --color-4: #460906; --color-5: #340500. 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