← Back to Editor

#431658 · #5D1D74 · #BAA1C5 · #E5E0E2 · #FCFE9F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#431658

Royal Purple · MidnightBlue · Eggplant

HEX
#431658
RGB
rgb(67, 22, 88)
HSL
hsl(281, 60%, 22%)
HSB
hsb(281, 75%, 35%)
CMYK
cmyk(24%, 75%, 0%, 65%)
Oklch
oklch(30.6% 0.117 312.8)

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

#5D1D74

Royal Purple · DarkSlateBlue · Eggplant

HEX
#5D1D74
RGB
rgb(93, 29, 116)
HSL
hsl(284, 60%, 28%)
HSB
hsb(284, 75%, 45%)
CMYK
cmyk(20%, 75%, 0%, 55%)
Oklch
oklch(37.4% 0.147 315.5)

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

#BAA1C5

Lilac · Silver · Lilac Purple

HEX
#BAA1C5
RGB
rgb(186, 161, 197)
HSL
hsl(282, 24%, 70%)
HSB
hsb(282, 18%, 77%)
CMYK
cmyk(6%, 18%, 0%, 23%)
Oklch
oklch(74.3% 0.058 315.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#E5E0E2

Rouge · Lavender · Cloud White

HEX
#E5E0E2
RGB
rgb(229, 224, 226)
HSL
hsl(336, 9%, 89%)
HSB
hsb(336, 2%, 90%)
CMYK
cmyk(0%, 2%, 1%, 10%)
Oklch
oklch(91.1% 0.006 350.8)

Traditional「Rouge」· Paint「Cloud White」· Creative Silver Lining

#FCFE9F

Fresh Green · Khaki · Lemon Cream

HEX
#FCFE9F
RGB
rgb(252, 254, 159)
HSL
hsl(61, 98%, 81%)
HSB
hsb(61, 37%, 100%)
CMYK
cmyk(1%, 0%, 37%, 0%)
Oklch
oklch(97.5% 0.117 109.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

431658
2C5A16

Analogous

23165A
431658
5A164D

Triadic

431658
5A4416
165A44

Split-Comp.

431658
4D5A16
165A23

Tetradic

431658
5A2316
2C5A16
164D5A

Contrast Matrix WCAG 2.1 Contrast

431658
5D1D74
BAA1C5
E5E0E2
FCFE9F
—
1.3
Fail
6.0
AA
10.8
AAA
13.3
AAA
1.3
Fail
—
4.7
AA
8.5
AAA
10.5
AAA
6.0
AA
4.7
AA
—
1.8
Fail
2.2
Fail
10.8
AAA
8.5
AAA
1.8
Fail
—
1.2
Fail
13.3
AAA
10.5
AAA
2.2
Fail
1.2
Fail
—
White BG
14.1AAA
11.1AAA
2.3Fail
1.3Fail
1.1Fail
Black BG
1.5Fail
1.9Fail
9.0AAA
16.1AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

302F48
41415F
AFAFBC
E3E3E2
FDFDB6

Deuteranopia

323644
454A5A
B1B3BA
E3E4E1
FDFDBC

Tritanopia

413B39
5A4E4B
B9B5B4
E5E1E1
FCC8CC

Achromatopsia

2B2B2B
3A3A3A
ADADAD
E2E2E2
F3F3F3

Shades & Tints Shades & Tints

#431658

Dark
Light

#5D1D74

Dark
Light

#BAA1C5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #431658;
  --color-2: #5d1d74;
  --color-3: #baa1c5;
  --color-4: #e5e0e2;
  --color-5: #fcfe9f;
}

SCSS

$color-1: #431658;
$color-2: #5d1d74;
$color-3: #baa1c5;
$color-4: #e5e0e2;
$color-5: #fcfe9f;

TAILWIND

colors: {
  'brand-1': '#431658',
  'brand-2': '#5d1d74',
  'brand-3': '#baa1c5',
  'brand-4': '#e5e0e2',
  'brand-5': '#fcfe9f',
}

RGB Array

[67, 22, 88], [93, 29, 116], [186, 161, 197], [229, 224, 226], [252, 254, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #431658, #5D1D74, #BAA1C5, #E5E0E2, #FCFE9F is ideal for: 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: #431658; --color-2: #5d1d74; --color-3: #baa1c5; --color-4: #e5e0e2; --color-5: #fcfe9f. 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. 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