← Back to Editor

#843DB8 · #C6C2CC · #F2EFEB · #A6A7B8 · #7C3AAB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#843DB8

Dark Plum · DarkOrchid · Violet

HEX
#843DB8
RGB
rgb(132, 61, 184)
HSL
hsl(275, 50%, 48%)
HSB
hsb(275, 67%, 72%)
CMYK
cmyk(28%, 67%, 0%, 28%)
Oklch
oklch(51.2% 0.189 307.5)

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

#C6C2CC

Wisteria · Silver · Pearl Gray

HEX
#C6C2CC
RGB
rgb(198, 194, 204)
HSL
hsl(264, 9%, 78%)
HSB
hsb(264, 5%, 80%)
CMYK
cmyk(3%, 5%, 0%, 20%)
Oklch
oklch(82.0% 0.014 304.1)

Traditional「Wisteria」· Paint「Pearl Gray」· Creative Silver Lining

#F2EFEB

Goose Yellow · Linen · Peach Orange

HEX
#F2EFEB
RGB
rgb(242, 239, 235)
HSL
hsl(34, 21%, 94%)
HSB
hsb(34, 3%, 95%)
CMYK
cmyk(0%, 1%, 3%, 5%)
Oklch
oklch(95.3% 0.006 75.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#A6A7B8

Azure · DarkGray · Cobalt Blue

HEX
#A6A7B8
RGB
rgb(166, 167, 184)
HSL
hsl(237, 11%, 69%)
HSB
hsb(237, 10%, 72%)
CMYK
cmyk(10%, 9%, 0%, 28%)
Oklch
oklch(73.3% 0.024 283.1)

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

#7C3AAB

Dark Plum · DarkOrchid · Violet

HEX
#7C3AAB
RGB
rgb(124, 58, 171)
HSL
hsl(275, 49%, 45%)
HSB
hsb(275, 66%, 67%)
CMYK
cmyk(27%, 66%, 0%, 33%)
Oklch
oklch(48.9% 0.176 308.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

843DB8
70B83D

Analogous

473DB8
843DB8
B83DAD

Triadic

843DB8
B8853D
3DB885

Split-Comp.

843DB8
ADB83D
3DB847

Tetradic

843DB8
B8473D
70B83D
3DADB8

Contrast Matrix WCAG 2.1 Contrast

843DB8
C6C2CC
F2EFEB
A6A7B8
7C3AAB
—
3.6
AA Large
5.5
AA
2.6
Fail
1.1
Fail
3.6
AA Large
—
1.5
Fail
1.4
Fail
3.9
AA Large
5.5
AA
1.5
Fail
—
2.1
Fail
6.0
AA
2.6
Fail
1.4
Fail
2.1
Fail
—
2.9
Fail
1.1
Fail
3.9
AA Large
6.0
AA
2.9
Fail
—
White BG
6.3AA
1.8Fail
1.1Fail
2.4Fail
6.9AA
Black BG
3.3AA Large
12.0AAA
18.3AAA
8.8AAA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

65659A
C4C4CA
F1F1EC
A6A6B4
5F5F90

Deuteranopia

696F93
C5C5C9
F1F1EC
A6A6B3
636889

Tritanopia

80837E
C6C8C7
F2EDED
A6B1B0
797A75

Achromatopsia

606060
C4C4C4
EFEFEF
A9A9A9
5B5B5B

Shades & Tints Shades & Tints

#843DB8

Dark
Light

#C6C2CC

Dark
Light

#F2EFEB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #843db8;
  --color-2: #c6c2cc;
  --color-3: #f2efeb;
  --color-4: #a6a7b8;
  --color-5: #7c3aab;
}

SCSS

$color-1: #843db8;
$color-2: #c6c2cc;
$color-3: #f2efeb;
$color-4: #a6a7b8;
$color-5: #7c3aab;

TAILWIND

colors: {
  'brand-1': '#843db8',
  'brand-2': '#c6c2cc',
  'brand-3': '#f2efeb',
  'brand-4': '#a6a7b8',
  'brand-5': '#7c3aab',
}

RGB Array

[132, 61, 184], [198, 194, 204], [242, 239, 235], [166, 167, 184], [124, 58, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #843DB8, #C6C2CC, #F2EFEB, #A6A7B8, #7C3AAB is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #843db8; --color-2: #c6c2cc; --color-3: #f2efeb; --color-4: #a6a7b8; --color-5: #7c3aab. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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