← Back to Editor

#160118 · #4A0270 · #AE01EF · #FC2895 · #FE0148

A 5-color palette 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

#160118

Royal Purple · Black · Dark Purple

HEX
#160118
RGB
rgb(22, 1, 24)
HSL
hsl(295, 92%, 5%)
HSB
hsb(295, 96%, 9%)
CMYK
cmyk(8%, 96%, 0%, 91%)
Oklch
oklch(14.5% 0.062 324.9)

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

#4A0270

Royal Purple · MidnightBlue · Eggplant

HEX
#4A0270
RGB
rgb(74, 2, 112)
HSL
hsl(279, 96%, 22%)
HSB
hsb(279, 98%, 44%)
CMYK
cmyk(34%, 98%, 0%, 56%)
Oklch
oklch(32.1% 0.162 308.0)

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

#AE01EF

Royal Purple · DarkViolet · Violet

HEX
#AE01EF
RGB
rgb(174, 1, 239)
HSL
hsl(284, 99%, 47%)
HSB
hsb(284, 100%, 94%)
CMYK
cmyk(27%, 100%, 0%, 6%)
Oklch
oklch(57.4% 0.287 311.5)

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

#FC2895

Rose Purple · DeepPink · Rose Pink

HEX
#FC2895
RGB
rgb(252, 40, 149)
HSL
hsl(329, 97%, 57%)
HSB
hsb(329, 84%, 99%)
CMYK
cmyk(0%, 84%, 41%, 1%)
Oklch
oklch(65.8% 0.250 356.5)

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

#FE0148

Dark Violet · Crimson · Camellia

HEX
#FE0148
RGB
rgb(254, 1, 72)
HSL
hsl(343, 99%, 50%)
HSB
hsb(343, 100%, 100%)
CMYK
cmyk(0%, 100%, 72%, 0%)
Oklch
oklch(63.2% 0.253 18.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

160118
031801

Analogous

0B0118
160118
18010F

Triadic

160118
181701
011817

Split-Comp.

160118
0F1801
01180B

Tetradic

160118
180B01
031801
010F18

Contrast Matrix WCAG 2.1 Contrast

160118
4A0270
AE01EF
FC2895
FE0148
—
1.5
Fail
3.9
AA Large
5.6
AA
5.1
AA
1.5
Fail
—
2.6
Fail
3.8
AA Large
3.5
AA Large
3.9
AA Large
2.6
Fail
—
1.5
Fail
1.3
Fail
5.6
AA
3.8
AA Large
1.5
Fail
—
1.1
Fail
5.1
AA
3.5
AA Large
1.3
Fail
1.1
Fail
—
White BG
20.0AAA
13.7AAA
5.2AA
3.6AA Large
4.0AA Large
Black BG
1.1Fail
1.5Fail
4.1AA Large
5.9AA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0D0D12
2B2A55
6362B5
A09E7B
908E37

Deuteranopia

0E1011
2F344F
6D7AA8
ADBC74
9FB233

Tritanopia

150E0D
46403C
A5887E
F16661
F12926

Achromatopsia

0A0A0A
242424
505050
747474
555555

Shades & Tints Shades & Tints

#160118

Dark
Light

#4A0270

Dark
Light

#AE01EF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #160118;
  --color-2: #4a0270;
  --color-3: #ae01ef;
  --color-4: #fc2895;
  --color-5: #fe0148;
}

SCSS

$color-1: #160118;
$color-2: #4a0270;
$color-3: #ae01ef;
$color-4: #fc2895;
$color-5: #fe0148;

TAILWIND

colors: {
  'brand-1': '#160118',
  'brand-2': '#4a0270',
  'brand-3': '#ae01ef',
  'brand-4': '#fc2895',
  'brand-5': '#fe0148',
}

RGB Array

[22, 1, 24], [74, 2, 112], [174, 1, 239], [252, 40, 149], [254, 1, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #160118, #4A0270, #AE01EF, #FC2895, #FE0148 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: #160118; --color-2: #4a0270; --color-3: #ae01ef; --color-4: #fc2895; --color-5: #fe0148. 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