← Back to Editor

#231429 · #5A2670 · #22205F · #A24C71 · #B2A8CA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#231429

Dark Plum · Black · Dark Purple

HEX
#231429
RGB
rgb(35, 20, 41)
HSL
hsl(283, 34%, 12%)
HSB
hsb(283, 51%, 16%)
CMYK
cmyk(15%, 51%, 0%, 84%)
Oklch
oklch(22.2% 0.045 315.8)

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

#5A2670

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5A2670
RGB
rgb(90, 38, 112)
HSL
hsl(282, 49%, 29%)
HSB
hsb(282, 66%, 44%)
CMYK
cmyk(20%, 66%, 0%, 56%)
Oklch
oklch(37.8% 0.129 314.4)

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

#22205F

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#22205F
RGB
rgb(34, 32, 95)
HSL
hsl(242, 50%, 25%)
HSB
hsb(242, 66%, 37%)
CMYK
cmyk(64%, 66%, 0%, 63%)
Oklch
oklch(28.9% 0.109 278.6)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#A24C71

Dark Violet · Gray · Camellia

HEX
#A24C71
RGB
rgb(162, 76, 113)
HSL
hsl(334, 36%, 47%)
HSB
hsb(334, 53%, 64%)
CMYK
cmyk(0%, 53%, 30%, 36%)
Oklch
oklch(53.6% 0.121 354.9)

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

#B2A8CA

Wisteria · Silver · Cobalt Blue

HEX
#B2A8CA
RGB
rgb(178, 168, 202)
HSL
hsl(258, 24%, 73%)
HSB
hsb(258, 17%, 79%)
CMYK
cmyk(12%, 17%, 0%, 21%)
Oklch
oklch(75.1% 0.049 298.7)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

231429
1A2914

Analogous

191429
231429
291424

Triadic

231429
292314
142923

Split-Comp.

231429
242914
142919

Tetradic

231429
291914
1A2914
142429

Contrast Matrix WCAG 2.1 Contrast

231429
5A2670
22205F
A24C71
B2A8CA
—
1.6
Fail
1.2
Fail
3.2
AA Large
7.8
AAA
1.6
Fail
—
1.4
Fail
2.0
Fail
4.8
AA
1.2
Fail
1.4
Fail
—
2.6
Fail
6.5
AA
3.2
AA Large
2.0
Fail
2.6
Fail
—
2.5
Fail
7.8
AAA
4.8
AA
6.5
AA
2.5
Fail
—
White BG
17.4AAA
10.8AAA
14.6AAA
5.5AA
2.2Fail
Black BG
1.2Fail
1.9Fail
1.4Fail
3.8AA Large
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1C24
43435E
212150
7D7C68
AEAEC2

Deuteranopia

1D1F23
474A5A
21214C
828866
AEAFC0

Tritanopia

22201F
57504D
224441
9E615F
B2BBBA

Achromatopsia

1B1B1B
3E3E3E
282828
6A6A6A
AFAFAF

Shades & Tints Shades & Tints

#231429

Dark
Light

#5A2670

Dark
Light

#22205F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #231429;
  --color-2: #5a2670;
  --color-3: #22205f;
  --color-4: #a24c71;
  --color-5: #b2a8ca;
}

SCSS

$color-1: #231429;
$color-2: #5a2670;
$color-3: #22205f;
$color-4: #a24c71;
$color-5: #b2a8ca;

TAILWIND

colors: {
  'brand-1': '#231429',
  'brand-2': '#5a2670',
  'brand-3': '#22205f',
  'brand-4': '#a24c71',
  'brand-5': '#b2a8ca',
}

RGB Array

[35, 20, 41], [90, 38, 112], [34, 32, 95], [162, 76, 113], [178, 168, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #231429, #5A2670, #22205F, #A24C71, #B2A8CA is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #231429; --color-2: #5a2670; --color-3: #22205f; --color-4: #a24c71; --color-5: #b2a8ca. 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 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