← Back to Editor

#231712 · #78085E · #932397 · #AB49B0 · #BA500D

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

#231712

Tangerine · Black · Cinnamon

HEX
#231712
RGB
rgb(35, 23, 18)
HSL
hsl(18, 32%, 10%)
HSB
hsb(18, 49%, 14%)
CMYK
cmyk(0%, 34%, 49%, 86%)
Oklch
oklch(21.8% 0.022 43.6)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#78085E

Rose Purple · Purple · Eggplant

HEX
#78085E
RGB
rgb(120, 8, 94)
HSL
hsl(314, 88%, 25%)
HSB
hsb(314, 93%, 47%)
CMYK
cmyk(0%, 93%, 22%, 53%)
Oklch
oklch(39.0% 0.162 340.9)

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

#932397

Royal Purple · DarkMagenta · Eggplant

HEX
#932397
RGB
rgb(147, 35, 151)
HSL
hsl(298, 62%, 36%)
HSB
hsb(298, 77%, 59%)
CMYK
cmyk(3%, 77%, 0%, 41%)
Oklch
oklch(48.4% 0.195 326.5)

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

#AB49B0

Dark Plum · MediumOrchid · Violet

HEX
#AB49B0
RGB
rgb(171, 73, 176)
HSL
hsl(297, 41%, 49%)
HSB
hsb(297, 59%, 69%)
CMYK
cmyk(3%, 59%, 0%, 31%)
Oklch
oklch(57.2% 0.180 325.7)

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

#BA500D

Tangerine · Chocolate · Amber Brown

HEX
#BA500D
RGB
rgb(186, 80, 13)
HSL
hsl(23, 87%, 39%)
HSB
hsb(23, 93%, 73%)
CMYK
cmyk(0%, 57%, 93%, 27%)
Oklch
oklch(56.0% 0.153 45.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

231712
111D22

Analogous

221115
231712
221E11

Triadic

231712
112216
161122

Split-Comp.

231712
11221E
111522

Tetradic

231712
152211
111D22
1E1122

Contrast Matrix WCAG 2.1 Contrast

231712
78085E
932397
AB49B0
BA500D
—
1.7
Fail
2.4
Fail
3.6
AA Large
3.5
AA Large
1.7
Fail
—
1.5
Fail
2.2
Fail
2.1
Fail
2.4
Fail
1.5
Fail
—
1.5
Fail
1.4
Fail
3.6
AA Large
2.2
Fail
1.5
Fail
—
1.0
Fail
3.5
AA Large
2.1
Fail
1.4
Fail
1.0
Fail
—
White BG
17.5AAA
10.5AAA
7.2AAA
4.9AA
5.0AA
Black BG
1.2Fail
2.0Fail
2.9Fail
4.3AA Large
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E13
484649
63617B
818097
8C8B1D

Deuteranopia

1F1F14
4E5644
697174
868E91
929A21

Tritanopia

221414
723935
8D6560
A6837F
B52A2D

Achromatopsia

1A1A1A
333333
525252
727272
686868

Shades & Tints Shades & Tints

#231712

Dark
Light

#78085E

Dark
Light

#932397

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #231712;
  --color-2: #78085e;
  --color-3: #932397;
  --color-4: #ab49b0;
  --color-5: #ba500d;
}

SCSS

$color-1: #231712;
$color-2: #78085e;
$color-3: #932397;
$color-4: #ab49b0;
$color-5: #ba500d;

TAILWIND

colors: {
  'brand-1': '#231712',
  'brand-2': '#78085e',
  'brand-3': '#932397',
  'brand-4': '#ab49b0',
  'brand-5': '#ba500d',
}

RGB Array

[35, 23, 18], [120, 8, 94], [147, 35, 151], [171, 73, 176], [186, 80, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #231712, #78085E, #932397, #AB49B0, #BA500D 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: #231712; --color-2: #78085e; --color-3: #932397; --color-4: #ab49b0; --color-5: #ba500d. 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