← Back to Editor

#E90154 · #9F9490 · #0F0E13 · #00AB99 · #A6D400

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

#E90154

Dark Violet · Crimson · Camellia

HEX
#E90154
RGB
rgb(233, 1, 84)
HSL
hsl(339, 99%, 46%)
HSB
hsb(339, 100%, 91%)
CMYK
cmyk(0%, 100%, 64%, 9%)
Oklch
oklch(59.5% 0.237 13.3)

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

#9F9490

Ash · DarkGray · Silver Sand

HEX
#9F9490
RGB
rgb(159, 148, 144)
HSL
hsl(16, 7%, 59%)
HSB
hsb(16, 9%, 62%)
CMYK
cmyk(0%, 7%, 9%, 38%)
Oklch
oklch(67.5% 0.014 41.2)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#0F0E13

Deep Indigo · Black · Deep Sea Blue

HEX
#0F0E13
RGB
rgb(15, 14, 19)
HSL
hsl(252, 15%, 6%)
HSB
hsb(252, 26%, 7%)
CMYK
cmyk(21%, 26%, 0%, 93%)
Oklch
oklch(16.7% 0.010 294.4)

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

#00AB99

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#00AB99
RGB
rgb(0, 171, 153)
HSL
hsl(174, 100%, 34%)
HSB
hsb(174, 100%, 67%)
CMYK
cmyk(100%, 0%, 11%, 33%)
Oklch
oklch(66.5% 0.119 181.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#A6D400

Grass Green · Chartreuse · Olive Green

HEX
#A6D400
RGB
rgb(166, 212, 0)
HSL
hsl(73, 100%, 42%)
HSB
hsb(73, 100%, 83%)
CMYK
cmyk(22%, 0%, 100%, 17%)
Oklch
oklch(80.8% 0.200 123.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E90154
01E998

Analogous

E901C7
E90154
E92401

Triadic

E90154
52E901
0152E9

Split-Comp.

E90154
01E924
01C7E9

Tetradic

E90154
C7E901
01E998
2401E9

Contrast Matrix WCAG 2.1 Contrast

E90154
9F9490
0F0E13
00AB99
A6D400
—
1.5
Fail
4.2
AA Large
1.6
Fail
2.6
Fail
1.5
Fail
—
6.5
AA
1.0
Fail
1.7
Fail
4.2
AA Large
6.5
AA
—
6.7
AA
11.0
AAA
1.6
Fail
1.0
Fail
6.7
AA
—
1.7
Fail
2.6
Fail
1.7
Fail
11.0
AAA
1.7
Fail
—
White BG
4.6AA
3.0Fail
19.2AAA
2.9Fail
1.7Fail
Black BG
4.6AA
7.1AAA
1.1Fail
7.3AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

858240
9A9A91
0F0F12
4A4C9D
BABA33

Deuteranopia

92A33B
9B9C91
0F0F12
40339E
B7B440

Tritanopia

DD302D
9E9292
0F1111
09A1A2
A85C65

Achromatopsia

505050
979797
0F0F0F
767676
AEAEAE

Shades & Tints Shades & Tints

#E90154

Dark
Light

#9F9490

Dark
Light

#0F0E13

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e90154;
  --color-2: #9f9490;
  --color-3: #0f0e13;
  --color-4: #00ab99;
  --color-5: #a6d400;
}

SCSS

$color-1: #e90154;
$color-2: #9f9490;
$color-3: #0f0e13;
$color-4: #00ab99;
$color-5: #a6d400;

TAILWIND

colors: {
  'brand-1': '#e90154',
  'brand-2': '#9f9490',
  'brand-3': '#0f0e13',
  'brand-4': '#00ab99',
  'brand-5': '#a6d400',
}

RGB Array

[233, 1, 84], [159, 148, 144], [15, 14, 19], [0, 171, 153], [166, 212, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E90154, #9F9490, #0F0E13, #00AB99, #A6D400 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: #e90154; --color-2: #9f9490; --color-3: #0f0e13; --color-4: #00ab99; --color-5: #a6d400. 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