← Back to Editor

#481278 · #7038A8 · #A838A1 · #E0699D · #F0CB75

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#481278

Royal Purple · DarkSlateBlue · Eggplant

HEX
#481278
RGB
rgb(72, 18, 120)
HSL
hsl(272, 74%, 27%)
HSB
hsb(272, 85%, 47%)
CMYK
cmyk(40%, 85%, 0%, 53%)
Oklch
oklch(33.7% 0.157 302.1)

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

#7038A8

Dark Plum · DarkSlateBlue · Violet

HEX
#7038A8
RGB
rgb(112, 56, 168)
HSL
hsl(270, 50%, 44%)
HSB
hsb(270, 67%, 66%)
CMYK
cmyk(33%, 67%, 0%, 34%)
Oklch
oklch(47.0% 0.173 303.3)

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

#A838A1

Rose Purple · DarkOrchid · Violet

HEX
#A838A1
RGB
rgb(168, 56, 161)
HSL
hsl(304, 50%, 44%)
HSB
hsb(304, 67%, 66%)
CMYK
cmyk(0%, 67%, 4%, 34%)
Oklch
oklch(54.1% 0.189 330.4)

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

#E0699D

Rouge · LightCoral · Rose Pink

HEX
#E0699D
RGB
rgb(224, 105, 157)
HSL
hsl(334, 66%, 65%)
HSB
hsb(334, 53%, 88%)
CMYK
cmyk(0%, 53%, 30%, 12%)
Oklch
oklch(67.8% 0.158 354.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F0CB75

Ginger · BurlyWood · Sunflower

HEX
#F0CB75
RGB
rgb(240, 203, 117)
HSL
hsl(42, 80%, 70%)
HSB
hsb(42, 51%, 94%)
CMYK
cmyk(0%, 15%, 51%, 6%)
Oklch
oklch(85.6% 0.113 86.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

481278
417812

Analogous

151278
481278
781274

Triadic

481278
784812
127848

Split-Comp.

481278
747812
127815

Tetradic

481278
781512
417812
127478

Contrast Matrix WCAG 2.1 Contrast

481278
7038A8
A838A1
E0699D
F0CB75
—
1.7
Fail
2.3
Fail
4.1
AA Large
8.3
AAA
1.7
Fail
—
1.3
Fail
2.4
Fail
4.8
AA
2.3
Fail
1.3
Fail
—
1.8
Fail
3.6
AA Large
4.1
AA Large
2.4
Fail
1.8
Fail
—
2.0
Fail
8.3
AAA
4.8
AA
3.6
AA Large
2.0
Fail
—
White BG
12.9AAA
7.4AAA
5.6AA
3.1AA Large
1.6Fail
Black BG
1.6Fail
2.8Fail
3.7AA Large
6.7AA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

31305F
58578D
787688
ACAB90
E0E08A

Deuteranopia

343859
5B5F86
7E8682
B3BC8D
E2E58F

Tritanopia

454C48
6D7873
A2746F
DA8684
EE9A9E

Achromatopsia

2E2E2E
565656
656565
939393
CCCCCC

Shades & Tints Shades & Tints

#481278

Dark
Light

#7038A8

Dark
Light

#A838A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #481278;
  --color-2: #7038a8;
  --color-3: #a838a1;
  --color-4: #e0699d;
  --color-5: #f0cb75;
}

SCSS

$color-1: #481278;
$color-2: #7038a8;
$color-3: #a838a1;
$color-4: #e0699d;
$color-5: #f0cb75;

TAILWIND

colors: {
  'brand-1': '#481278',
  'brand-2': '#7038a8',
  'brand-3': '#a838a1',
  'brand-4': '#e0699d',
  'brand-5': '#f0cb75',
}

RGB Array

[72, 18, 120], [112, 56, 168], [168, 56, 161], [224, 105, 157], [240, 203, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #481278, #7038A8, #A838A1, #E0699D, #F0CB75 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: #481278; --color-2: #7038a8; --color-3: #a838a1; --color-4: #e0699d; --color-5: #f0cb75. 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 dark-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