← Back to Editor

#811E39 · #9B54CE · #5A8CFB · #06C2EF · #C4C3DD

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#811E39

Dark Violet · Brown · Camellia

HEX
#811E39
RGB
rgb(129, 30, 57)
HSL
hsl(344, 62%, 31%)
HSB
hsb(344, 77%, 51%)
CMYK
cmyk(0%, 77%, 56%, 49%)
Oklch
oklch(40.6% 0.134 9.7)

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

#9B54CE

Royal Purple · MediumOrchid · Violet

HEX
#9B54CE
RGB
rgb(155, 84, 206)
HSL
hsl(275, 55%, 57%)
HSB
hsb(275, 59%, 81%)
CMYK
cmyk(25%, 59%, 0%, 19%)
Oklch
oklch(58.4% 0.187 308.5)

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

#5A8CFB

Azure · CornflowerBlue · Cobalt Blue

HEX
#5A8CFB
RGB
rgb(90, 140, 251)
HSL
hsl(221, 95%, 67%)
HSB
hsb(221, 64%, 98%)
CMYK
cmyk(64%, 44%, 0%, 2%)
Oklch
oklch(65.9% 0.174 264.0)

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

#06C2EF

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#06C2EF
RGB
rgb(6, 194, 239)
HSL
hsl(192, 95%, 48%)
HSB
hsb(192, 97%, 94%)
CMYK
cmyk(97%, 19%, 0%, 6%)
Oklch
oklch(75.5% 0.139 222.5)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#C4C3DD

Wisteria · LightSteelBlue · Sky Blue

HEX
#C4C3DD
RGB
rgb(196, 195, 221)
HSL
hsl(242, 28%, 82%)
HSB
hsb(242, 12%, 87%)
CMYK
cmyk(11%, 12%, 0%, 13%)
Oklch
oklch(82.6% 0.036 287.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

811E39
1E8066

Analogous

801E69
811E39
80351E

Triadic

811E39
38801E
1E3880

Split-Comp.

811E39
1E8035
1E6980

Tetradic

811E39
69801E
1E8066
351E80

Contrast Matrix WCAG 2.1 Contrast

811E39
9B54CE
5A8CFB
06C2EF
C4C3DD
—
2.1
Fail
3.0
AA Large
4.6
AA
5.6
AA
2.1
Fail
—
1.4
Fail
2.2
Fail
2.7
Fail
3.0
AA Large
1.4
Fail
—
1.5
Fail
1.9
Fail
4.6
AA
2.2
Fail
1.5
Fail
—
1.2
Fail
5.6
AA
2.7
Fail
1.9
Fail
1.2
Fail
—
White BG
9.6AAA
4.6AA
3.2AA Large
2.1Fail
1.7Fail
Black BG
2.2Fail
4.6AA
6.6AA
10.0AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565532
7C7CB0
7070E0
5759E4
C4C4D7

Deuteranopia

5C6331
8086A9
6D69DA
4D3EE1
C4C4D5

Tritanopia

7C2D2C
979994
5DCBC6
0FDCDA
C4D2D1

Achromatopsia

3F3F3F
777777
8A8A8A
8F8F8F
C6C6C6

Shades & Tints Shades & Tints

#811E39

Dark
Light

#9B54CE

Dark
Light

#5A8CFB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #811e39;
  --color-2: #9b54ce;
  --color-3: #5a8cfb;
  --color-4: #06c2ef;
  --color-5: #c4c3dd;
}

SCSS

$color-1: #811e39;
$color-2: #9b54ce;
$color-3: #5a8cfb;
$color-4: #06c2ef;
$color-5: #c4c3dd;

TAILWIND

colors: {
  'brand-1': '#811e39',
  'brand-2': '#9b54ce',
  'brand-3': '#5a8cfb',
  'brand-4': '#06c2ef',
  'brand-5': '#c4c3dd',
}

RGB Array

[129, 30, 57], [155, 84, 206], [90, 140, 251], [6, 194, 239], [196, 195, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #811E39, #9B54CE, #5A8CFB, #06C2EF, #C4C3DD 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: #811e39; --color-2: #9b54ce; --color-3: #5a8cfb; --color-4: #06c2ef; --color-5: #c4c3dd. 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