← Back to Editor

#0B0329 · #4B1361 · #8A64A3 · #A5B1EC · #B1DDFA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#0B0329

Deep Indigo · Black · Deep Sea Blue

HEX
#0B0329
RGB
rgb(11, 3, 41)
HSL
hsl(253, 86%, 9%)
HSB
hsb(253, 93%, 16%)
CMYK
cmyk(73%, 93%, 0%, 84%)
Oklch
oklch(15.2% 0.075 285.1)

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

#4B1361

Royal Purple · MidnightBlue · Eggplant

HEX
#4B1361
RGB
rgb(75, 19, 97)
HSL
hsl(283, 67%, 23%)
HSB
hsb(283, 80%, 38%)
CMYK
cmyk(23%, 80%, 0%, 62%)
Oklch
oklch(32.2% 0.133 314.3)

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

#8A64A3

Dark Plum · LightSlateGray · Violet

HEX
#8A64A3
RGB
rgb(138, 100, 163)
HSL
hsl(276, 26%, 52%)
HSB
hsb(276, 39%, 64%)
CMYK
cmyk(15%, 39%, 0%, 36%)
Oklch
oklch(56.7% 0.103 311.1)

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

#A5B1EC

Azure · LightSteelBlue · Cobalt Blue

HEX
#A5B1EC
RGB
rgb(165, 177, 236)
HSL
hsl(230, 65%, 79%)
HSB
hsb(230, 30%, 93%)
CMYK
cmyk(30%, 25%, 0%, 7%)
Oklch
oklch(77.2% 0.086 275.3)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#B1DDFA

Sky Blue · LightBlue · Sky Blue

HEX
#B1DDFA
RGB
rgb(177, 221, 250)
HSL
hsl(204, 88%, 84%)
HSB
hsb(204, 29%, 98%)
CMYK
cmyk(29%, 12%, 0%, 2%)
Oklch
oklch(87.6% 0.061 237.3)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B0329
222B03

Analogous

030E2B
0B0329
20032B

Triadic

0B0329
2B0C03
032B0C

Split-Comp.

0B0329
2B2003
0E2B03

Tetradic

0B0329
2B030E
222B03
032B20

Contrast Matrix WCAG 2.1 Contrast

0B0329
4B1361
8A64A3
A5B1EC
B1DDFA
—
1.5
Fail
4.2
AA Large
9.5
AAA
13.8
AAA
1.5
Fail
—
2.8
Fail
6.5
AA
9.3
AAA
4.2
AA Large
2.8
Fail
—
2.3
Fail
3.3
AA Large
9.5
AAA
6.5
AA
2.3
Fail
—
1.4
Fail
13.8
AAA
9.3
AAA
3.3
AA Large
1.4
Fail
—
White BG
19.8AAA
13.4AAA
4.7AA
2.1Fail
1.4Fail
Black BG
1.1Fail
1.6Fail
4.4AA Large
10.1AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

080720
33324E
7A7994
AAAADE
C4C4F3

Deuteranopia

08091E
363A4A
7C7F90
AAA9DA
C2BEF1

Tritanopia

0B1917
483F3C
888885
A6D2D0
B3EDEC

Achromatopsia

0A0A0A
2D2D2D
777777
B4B4B4
D3D3D3

Shades & Tints Shades & Tints

#0B0329

Dark
Light

#4B1361

Dark
Light

#8A64A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b0329;
  --color-2: #4b1361;
  --color-3: #8a64a3;
  --color-4: #a5b1ec;
  --color-5: #b1ddfa;
}

SCSS

$color-1: #0b0329;
$color-2: #4b1361;
$color-3: #8a64a3;
$color-4: #a5b1ec;
$color-5: #b1ddfa;

TAILWIND

colors: {
  'brand-1': '#0b0329',
  'brand-2': '#4b1361',
  'brand-3': '#8a64a3',
  'brand-4': '#a5b1ec',
  'brand-5': '#b1ddfa',
}

RGB Array

[11, 3, 41], [75, 19, 97], [138, 100, 163], [165, 177, 236], [177, 221, 250]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0B0329, #4B1361, #8A64A3, #A5B1EC, #B1DDFA is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #0b0329; --color-2: #4b1361; --color-3: #8a64a3; --color-4: #a5b1ec; --color-5: #b1ddfa. 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 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