← Back to Editor

#5E2B63 · #6B5633 · #AB4535 · #F03355 · #CC9C0C

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 App

Color Details Color Details

#5E2B63

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5E2B63
RGB
rgb(94, 43, 99)
HSL
hsl(295, 39%, 28%)
HSB
hsb(295, 57%, 39%)
CMYK
cmyk(5%, 57%, 0%, 61%)
Oklch
oklch(38.2% 0.109 324.0)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#6B5633

Ochre · DarkOliveGreen · Amber Brown

HEX
#6B5633
RGB
rgb(107, 86, 51)
HSL
hsl(38, 35%, 31%)
HSB
hsb(38, 52%, 42%)
CMYK
cmyk(0%, 20%, 52%, 58%)
Oklch
oklch(46.6% 0.058 79.4)

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

#AB4535

Crimson · Sienna · Passion Red

HEX
#AB4535
RGB
rgb(171, 69, 53)
HSL
hsl(8, 53%, 44%)
HSB
hsb(8, 69%, 67%)
CMYK
cmyk(0%, 60%, 69%, 33%)
Oklch
oklch(52.4% 0.138 31.1)

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

#F03355

Vermilion · Crimson · Passion Red

HEX
#F03355
RGB
rgb(240, 51, 85)
HSL
hsl(349, 86%, 57%)
HSB
hsb(349, 79%, 94%)
CMYK
cmyk(0%, 79%, 65%, 6%)
Oklch
oklch(62.7% 0.221 17.3)

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

#CC9C0C

Ochre · GoldenRod · Honey Gold

HEX
#CC9C0C
RGB
rgb(204, 156, 12)
HSL
hsl(45, 89%, 42%)
HSB
hsb(45, 94%, 80%)
CMYK
cmyk(0%, 24%, 94%, 20%)
Oklch
oklch(71.8% 0.145 86.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E2B63
30632C

Analogous

432C63
5E2B63
632C4C

Triadic

5E2B63
635F2C
2C635F

Split-Comp.

5E2B63
4C632C
2C6343

Tetradic

5E2B63
63432C
30632C
2C4C63

Contrast Matrix WCAG 2.1 Contrast

5E2B63
6B5633
AB4535
F03355
CC9C0C
—
1.5
Fail
1.8
Fail
2.7
Fail
4.2
AA Large
1.5
Fail
—
1.2
Fail
1.8
Fail
2.8
Fail
1.8
Fail
1.2
Fail
—
1.5
Fail
2.3
Fail
2.7
Fail
1.8
Fail
1.5
Fail
—
1.6
Fail
4.2
AA Large
2.8
Fail
2.3
Fail
1.6
Fail
—
White BG
10.5AAA
7.0AA
5.8AA
4.0AA Large
2.5Fail
Black BG
2.0Fail
3.0AA Large
3.6AA Large
5.3AA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484755
62623B
7F7E39
9E9C4D
B7B72F

Deuteranopia

4B4F52
63653E
858C3A
A9B74B
BABE37

Tritanopia

5B4B48
6A4244
A63C3D
E74645
CA4A50

Achromatopsia

414141
585858
626262
6F6F6F
9A9A9A

Shades & Tints Shades & Tints

#5E2B63

Dark
Light

#6B5633

Dark
Light

#AB4535

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e2b63;
  --color-2: #6b5633;
  --color-3: #ab4535;
  --color-4: #f03355;
  --color-5: #cc9c0c;
}

SCSS

$color-1: #5e2b63;
$color-2: #6b5633;
$color-3: #ab4535;
$color-4: #f03355;
$color-5: #cc9c0c;

TAILWIND

colors: {
  'brand-1': '#5e2b63',
  'brand-2': '#6b5633',
  'brand-3': '#ab4535',
  'brand-4': '#f03355',
  'brand-5': '#cc9c0c',
}

RGB Array

[94, 43, 99], [107, 86, 51], [171, 69, 53], [240, 51, 85], [204, 156, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E2B63, #6B5633, #AB4535, #F03355, #CC9C0C is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #5e2b63; --color-2: #6b5633; --color-3: #ab4535; --color-4: #f03355; --color-5: #cc9c0c. 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 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