← Back to Editor

#040008 · #43348A · #8A9BC2 · #84CDE3 · #C5FAEA

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

#040008

Royal Purple · Black · Dark Purple

HEX
#040008
RGB
rgb(4, 0, 8)
HSL
hsl(270, 100%, 2%)
HSB
hsb(270, 100%, 3%)
CMYK
cmyk(50%, 100%, 0%, 97%)
Oklch
oklch(8.1% 0.041 312.0)

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

#43348A

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#43348A
RGB
rgb(67, 52, 138)
HSL
hsl(250, 45%, 37%)
HSB
hsb(250, 62%, 54%)
CMYK
cmyk(51%, 62%, 0%, 46%)
Oklch
oklch(39.3% 0.137 286.2)

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

#8A9BC2

Azure · DarkGray · Cobalt Blue

HEX
#8A9BC2
RGB
rgb(138, 155, 194)
HSL
hsl(222, 31%, 65%)
HSB
hsb(222, 29%, 76%)
CMYK
cmyk(29%, 20%, 0%, 24%)
Oklch
oklch(69.0% 0.061 266.4)

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

#84CDE3

Sky Blue · SkyBlue · Lake Green

HEX
#84CDE3
RGB
rgb(132, 205, 227)
HSL
hsl(194, 63%, 70%)
HSB
hsb(194, 42%, 89%)
CMYK
cmyk(42%, 10%, 0%, 11%)
Oklch
oklch(80.8% 0.079 218.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C5FAEA

Jade · Lavender · Glacier Blue

HEX
#C5FAEA
RGB
rgb(197, 250, 234)
HSL
hsl(162, 84%, 88%)
HSB
hsb(162, 21%, 98%)
CMYK
cmyk(21%, 0%, 6%, 2%)
Oklch
oklch(94.4% 0.058 174.6)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

040008
050A00

Analogous

00000A
040008
0A000A

Triadic

040008
0A0500
000A05

Split-Comp.

040008
0A0A00
000A00

Tetradic

040008
0A0000
050A00
000A0A

Contrast Matrix WCAG 2.1 Contrast

040008
43348A
8A9BC2
84CDE3
C5FAEA
—
2.1
Fail
7.5
AAA
11.7
AAA
18.1
AAA
2.1
Fail
—
3.6
AA Large
5.6
AA
8.7
AAA
7.5
AAA
3.6
AA Large
—
1.6
Fail
2.4
Fail
11.7
AAA
5.6
AA
1.6
Fail
—
1.5
Fail
18.1
AAA
8.7
AAA
2.4
Fail
1.5
Fail
—
White BG
20.8AAA
10.0AAA
2.8Fail
1.8Fail
1.2Fail
Black BG
1.0Fail
2.1Fail
7.5AAA
11.8AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

020206
3D3C75
9192B9
A4A4DE
DCDCEE

Deuteranopia

030306
3D3F70
908FB6
9F9ADC
D9D5EF

Tritanopia

040504
426561
8BB1AF
88D9D9
C8F1F2

Achromatopsia

020202
424242
9A9A9A
BABABA
E8E8E8

Shades & Tints Shades & Tints

#040008

Dark
Light

#43348A

Dark
Light

#8A9BC2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #040008;
  --color-2: #43348a;
  --color-3: #8a9bc2;
  --color-4: #84cde3;
  --color-5: #c5faea;
}

SCSS

$color-1: #040008;
$color-2: #43348a;
$color-3: #8a9bc2;
$color-4: #84cde3;
$color-5: #c5faea;

TAILWIND

colors: {
  'brand-1': '#040008',
  'brand-2': '#43348a',
  'brand-3': '#8a9bc2',
  'brand-4': '#84cde3',
  'brand-5': '#c5faea',
}

RGB Array

[4, 0, 8], [67, 52, 138], [138, 155, 194], [132, 205, 227], [197, 250, 234]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #040008, #43348A, #8A9BC2, #84CDE3, #C5FAEA 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: #040008; --color-2: #43348a; --color-3: #8a9bc2; --color-4: #84cde3; --color-5: #c5faea. 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