← Back to Editor

#4B1128 · #B4FF2E · #8DBACF · #46FC7A · #C086E2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#4B1128

Dark Violet · Maroon · Raspberry

HEX
#4B1128
RGB
rgb(75, 17, 40)
HSL
hsl(336, 63%, 18%)
HSB
hsb(336, 77%, 29%)
CMYK
cmyk(0%, 77%, 47%, 71%)
Oklch
oklch(28.5% 0.090 0.4)

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

#B4FF2E

Grass Green · GreenYellow · Olive Green

HEX
#B4FF2E
RGB
rgb(180, 255, 46)
HSL
hsl(82, 100%, 59%)
HSB
hsb(82, 82%, 100%)
CMYK
cmyk(29%, 0%, 82%, 0%)
Oklch
oklch(91.7% 0.230 128.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#8DBACF

Sky Blue · SkyBlue · Lake Green

HEX
#8DBACF
RGB
rgb(141, 186, 207)
HSL
hsl(199, 41%, 68%)
HSB
hsb(199, 32%, 81%)
CMYK
cmyk(32%, 10%, 0%, 19%)
Oklch
oklch(76.4% 0.056 228.3)

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

#46FC7A

Emerald · MediumSeaGreen · Apple Green

HEX
#46FC7A
RGB
rgb(70, 252, 122)
HSL
hsl(137, 97%, 63%)
HSB
hsb(137, 72%, 99%)
CMYK
cmyk(72%, 0%, 52%, 1%)
Oklch
oklch(87.4% 0.226 148.4)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#C086E2

Lilac · Orchid · Lilac Purple

HEX
#C086E2
RGB
rgb(192, 134, 226)
HSL
hsl(278, 61%, 71%)
HSB
hsb(278, 41%, 89%)
CMYK
cmyk(15%, 41%, 0%, 11%)
Oklch
oklch(71.2% 0.143 312.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B1128
114B34

Analogous

4B1145
4B1128
4B1711

Triadic

4B1128
284B11
11284B

Split-Comp.

4B1128
114B17
11454B

Tetradic

4B1128
454B11
114B34
17114B

Contrast Matrix WCAG 2.1 Contrast

4B1128
B4FF2E
8DBACF
46FC7A
C086E2
—
12.3
AAA
7.1
AAA
11.0
AAA
5.5
AA
12.3
AAA
—
1.7
Fail
1.1
Fail
2.2
Fail
7.1
AAA
1.7
Fail
—
1.5
Fail
1.3
Fail
11.0
AAA
1.1
Fail
1.5
Fail
—
2.0
Fail
5.5
AA
2.2
Fail
1.3
Fail
2.0
Fail
—
White BG
14.9AAA
1.2Fail
2.1Fail
1.4Fail
2.7Fail
Black BG
1.4Fail
17.3AAA
10.1AAA
15.5AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

323122
D4D561
A0A1CA
959699
A7A6CC

Deuteranopia

353A21
D0CB6D
9E9BC9
8A7DA1
AAAFC6

Tritanopia

481E1D
B88891
8FC6C5
4FB2B8
BDBAB6

Achromatopsia

252525
D1D1D1
AFAFAF
B7B7B7
A2A2A2

Shades & Tints Shades & Tints

#4B1128

Dark
Light

#B4FF2E

Dark
Light

#8DBACF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b1128;
  --color-2: #b4ff2e;
  --color-3: #8dbacf;
  --color-4: #46fc7a;
  --color-5: #c086e2;
}

SCSS

$color-1: #4b1128;
$color-2: #b4ff2e;
$color-3: #8dbacf;
$color-4: #46fc7a;
$color-5: #c086e2;

TAILWIND

colors: {
  'brand-1': '#4b1128',
  'brand-2': '#b4ff2e',
  'brand-3': '#8dbacf',
  'brand-4': '#46fc7a',
  'brand-5': '#c086e2',
}

RGB Array

[75, 17, 40], [180, 255, 46], [141, 186, 207], [70, 252, 122], [192, 134, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B1128, #B4FF2E, #8DBACF, #46FC7A, #C086E2 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: #4b1128; --color-2: #b4ff2e; --color-3: #8dbacf; --color-4: #46fc7a; --color-5: #c086e2. 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