← Back to Editor

#320233 · #660758 · #9E0B52 · #C72C2C · #C7A52C

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

#320233

Royal Purple · MidnightBlue · Dark Purple

HEX
#320233
RGB
rgb(50, 2, 51)
HSL
hsl(299, 92%, 10%)
HSB
hsb(299, 96%, 20%)
CMYK
cmyk(2%, 96%, 0%, 80%)
Oklch
oklch(22.6% 0.100 327.3)

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

#660758

Rose Purple · Purple · Eggplant

HEX
#660758
RGB
rgb(102, 7, 88)
HSL
hsl(309, 87%, 21%)
HSB
hsb(309, 93%, 40%)
CMYK
cmyk(0%, 93%, 14%, 60%)
Oklch
oklch(35.3% 0.149 335.8)

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

#9E0B52

Dark Violet · Brown · Camellia

HEX
#9E0B52
RGB
rgb(158, 11, 82)
HSL
hsl(331, 87%, 33%)
HSB
hsb(331, 93%, 62%)
CMYK
cmyk(0%, 93%, 48%, 38%)
Oklch
oklch(45.7% 0.179 0.5)

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

#C72C2C

Vermilion · FireBrick · Passion Red

HEX
#C72C2C
RGB
rgb(199, 44, 44)
HSL
hsl(0, 64%, 48%)
HSB
hsb(0, 78%, 78%)
CMYK
cmyk(0%, 78%, 78%, 22%)
Oklch
oklch(54.4% 0.191 26.4)

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

#C7A52C

Ochre · GoldenRod · Honey Gold

HEX
#C7A52C
RGB
rgb(199, 165, 44)
HSL
hsl(47, 64%, 48%)
HSB
hsb(47, 78%, 78%)
CMYK
cmyk(0%, 17%, 78%, 22%)
Oklch
oklch(73.2% 0.137 92.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

320233
033102

Analogous

190231
320233
31021A

Triadic

320233
313002
023130

Split-Comp.

320233
1A3102
023119

Tetradic

320233
311902
033102
021A31

Contrast Matrix WCAG 2.1 Contrast

320233
660758
9E0B52
C72C2C
C7A52C
—
1.5
Fail
2.2
Fail
3.2
AA Large
7.4
AAA
1.5
Fail
—
1.5
Fail
2.2
Fail
5.1
AA
2.2
Fail
1.5
Fail
—
1.5
Fail
3.4
AA Large
3.2
AA Large
2.2
Fail
1.5
Fail
—
2.3
Fail
7.4
AAA
5.1
AA
3.4
AA Large
2.3
Fail
—
White BG
17.6AAA
12.1AAA
8.0AAA
5.5AA
2.4Fail
Black BG
1.2Fail
1.7Fail
2.6Fail
3.8AA Large
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D27
3D3C44
5E5D41
84822C
B8B849

Deuteranopia

202424
424940
67723D
8D982C
BABD50

Tritanopia

301E1C
613532
973330
BF2C2C
C56065

Achromatopsia

161616
2D2D2D
3F3F3F
5A5A5A
A1A1A1

Shades & Tints Shades & Tints

#320233

Dark
Light

#660758

Dark
Light

#9E0B52

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #320233;
  --color-2: #660758;
  --color-3: #9e0b52;
  --color-4: #c72c2c;
  --color-5: #c7a52c;
}

SCSS

$color-1: #320233;
$color-2: #660758;
$color-3: #9e0b52;
$color-4: #c72c2c;
$color-5: #c7a52c;

TAILWIND

colors: {
  'brand-1': '#320233',
  'brand-2': '#660758',
  'brand-3': '#9e0b52',
  'brand-4': '#c72c2c',
  'brand-5': '#c7a52c',
}

RGB Array

[50, 2, 51], [102, 7, 88], [158, 11, 82], [199, 44, 44], [199, 165, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #320233, #660758, #9E0B52, #C72C2C, #C7A52C is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #320233; --color-2: #660758; --color-3: #9e0b52; --color-4: #c72c2c; --color-5: #c7a52c. 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. 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