← Back to Editor

#382F30 · #7E61CD · #AA61D7 · #D468EF · #CFBEA4

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

#382F30

Crimson · DarkSlateGray · Dark Stone

HEX
#382F30
RGB
rgb(56, 47, 48)
HSL
hsl(353, 9%, 20%)
HSB
hsb(353, 16%, 22%)
CMYK
cmyk(0%, 16%, 14%, 78%)
Oklch
oklch(31.5% 0.013 10.3)

Traditional「Crimson」· Paint「Dark Stone」· Creative Midnight Shadow

#7E61CD

Deep Indigo · SlateBlue · Navy Blue

HEX
#7E61CD
RGB
rgb(126, 97, 205)
HSL
hsl(256, 52%, 59%)
HSB
hsb(256, 53%, 80%)
CMYK
cmyk(39%, 53%, 0%, 20%)
Oklch
oklch(57.3% 0.161 293.0)

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

#AA61D7

Lilac · MediumOrchid · Lilac Purple

HEX
#AA61D7
RGB
rgb(170, 97, 215)
HSL
hsl(277, 60%, 61%)
HSB
hsb(277, 55%, 84%)
CMYK
cmyk(21%, 55%, 0%, 16%)
Oklch
oklch(62.5% 0.182 310.8)

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

#D468EF

Lilac · Orchid · Lilac Purple

HEX
#D468EF
RGB
rgb(212, 104, 239)
HSL
hsl(288, 81%, 67%)
HSB
hsb(288, 56%, 94%)
CMYK
cmyk(11%, 56%, 0%, 6%)
Oklch
oklch(69.7% 0.213 319.2)

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

#CFBEA4

Goose Yellow · Tan · Warm Sun

HEX
#CFBEA4
RGB
rgb(207, 190, 164)
HSL
hsl(36, 31%, 73%)
HSB
hsb(36, 21%, 81%)
CMYK
cmyk(0%, 8%, 21%, 19%)
Oklch
oklch(80.9% 0.040 78.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

382F30
2E3837

Analogous

382E34
382F30
38322E

Triadic

382F30
2F382E
2E2F38

Split-Comp.

382F30
2E3832
2E3438

Tetradic

382F30
34382E
2E3837
322E38

Contrast Matrix WCAG 2.1 Contrast

382F30
7E61CD
AA61D7
D468EF
CFBEA4
—
2.8
Fail
3.3
AA Large
4.3
AA Large
7.1
AAA
2.8
Fail
—
1.2
Fail
1.6
Fail
2.6
Fail
3.3
AA Large
1.2
Fail
—
1.3
Fail
2.1
Fail
4.3
AA Large
1.6
Fail
1.3
Fail
—
1.6
Fail
7.1
AAA
2.6
Fail
2.1
Fail
1.6
Fail
—
White BG
13.0AAA
4.7AA
3.9AA Large
3.0Fail
1.8Fail
Black BG
1.6Fail
4.5AA Large
5.4AA
7.0AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343430
7171B3
8A8ABA
A5A4CE
C8C7AA

Deuteranopia

353530
7375AD
8F94B4
ACB4C6
C9CAAC

Tritanopia

383030
7D9E9A
A6A49F
CFB5AF
CEAFB0

Achromatopsia

323232
767676
848484
989898
C0C0C0

Shades & Tints Shades & Tints

#382F30

Dark
Light

#7E61CD

Dark
Light

#AA61D7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #382f30;
  --color-2: #7e61cd;
  --color-3: #aa61d7;
  --color-4: #d468ef;
  --color-5: #cfbea4;
}

SCSS

$color-1: #382f30;
$color-2: #7e61cd;
$color-3: #aa61d7;
$color-4: #d468ef;
$color-5: #cfbea4;

TAILWIND

colors: {
  'brand-1': '#382f30',
  'brand-2': '#7e61cd',
  'brand-3': '#aa61d7',
  'brand-4': '#d468ef',
  'brand-5': '#cfbea4',
}

RGB Array

[56, 47, 48], [126, 97, 205], [170, 97, 215], [212, 104, 239], [207, 190, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #382F30, #7E61CD, #AA61D7, #D468EF, #CFBEA4 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: #382f30; --color-2: #7e61cd; --color-3: #aa61d7; --color-4: #d468ef; --color-5: #cfbea4. 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