← Back to Editor

#8FAAA2 · #010522 · #430A5F · #5C2E6E · #D994EF

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

#8FAAA2

Jade · DarkSeaGreen · Lake Green

HEX
#8FAAA2
RGB
rgb(143, 170, 162)
HSL
hsl(162, 14%, 61%)
HSB
hsb(162, 16%, 67%)
CMYK
cmyk(16%, 0%, 5%, 33%)
Oklch
oklch(71.5% 0.032 175.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#010522

Indigo · Black · Deep Sea Blue

HEX
#010522
RGB
rgb(1, 5, 34)
HSL
hsl(233, 94%, 7%)
HSB
hsb(233, 97%, 13%)
CMYK
cmyk(97%, 85%, 0%, 87%)
Oklch
oklch(13.7% 0.064 265.3)

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

#430A5F

Royal Purple · MidnightBlue · Eggplant

HEX
#430A5F
RGB
rgb(67, 10, 95)
HSL
hsl(280, 81%, 21%)
HSB
hsb(280, 89%, 37%)
CMYK
cmyk(29%, 89%, 0%, 63%)
Oklch
oklch(30.0% 0.138 310.6)

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

#5C2E6E

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5C2E6E
RGB
rgb(92, 46, 110)
HSL
hsl(283, 41%, 31%)
HSB
hsb(283, 58%, 43%)
CMYK
cmyk(16%, 58%, 0%, 57%)
Oklch
oklch(39.1% 0.114 315.6)

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

#D994EF

Lilac · Violet · Lilac Purple

HEX
#D994EF
RGB
rgb(217, 148, 239)
HSL
hsl(285, 74%, 76%)
HSB
hsb(285, 38%, 94%)
CMYK
cmyk(9%, 38%, 0%, 6%)
Oklch
oklch(76.6% 0.145 317.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8FAAA2
A98E96

Analogous

8EA993
8FAAA2
8EA4A9

Triadic

8FAAA2
A18EA9
A9A18E

Split-Comp.

8FAAA2
A98EA4
A9938E

Tetradic

8FAAA2
938EA9
A98E96
A4A98E

Contrast Matrix WCAG 2.1 Contrast

8FAAA2
010522
430A5F
5C2E6E
D994EF
—
8.1
AAA
5.8
AA
4.1
AA Large
1.1
Fail
8.1
AAA
—
1.4
Fail
2.0
Fail
9.0
AAA
5.8
AA
1.4
Fail
—
1.4
Fail
6.5
AA
4.1
AA Large
2.0
Fail
1.4
Fail
—
4.6
AA
1.1
Fail
9.0
AAA
6.5
AA
4.6
AA
—
White BG
2.5Fail
20.1AAA
14.5AAA
10.1AAA
2.2Fail
Black BG
8.4AAA
1.0Fail
1.4Fail
2.1Fail
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9BA4
03031B
2A2A4A
48485F
BBBBD9

Deuteranopia

9997A4
030219
2E3246
4B4E5B
BFC4D4

Tritanopia

90A5A6
011514
403A37
5A5250
D6C8C4

Achromatopsia

A1A1A1
070707
252525
434343
B3B3B3

Shades & Tints Shades & Tints

#8FAAA2

Dark
Light

#010522

Dark
Light

#430A5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8faaa2;
  --color-2: #010522;
  --color-3: #430a5f;
  --color-4: #5c2e6e;
  --color-5: #d994ef;
}

SCSS

$color-1: #8faaa2;
$color-2: #010522;
$color-3: #430a5f;
$color-4: #5c2e6e;
$color-5: #d994ef;

TAILWIND

colors: {
  'brand-1': '#8faaa2',
  'brand-2': '#010522',
  'brand-3': '#430a5f',
  'brand-4': '#5c2e6e',
  'brand-5': '#d994ef',
}

RGB Array

[143, 170, 162], [1, 5, 34], [67, 10, 95], [92, 46, 110], [217, 148, 239]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8FAAA2, #010522, #430A5F, #5C2E6E, #D994EF is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #8faaa2; --color-2: #010522; --color-3: #430a5f; --color-4: #5c2e6e; --color-5: #d994ef. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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