← Back to Editor

#1E1D27 · #F50C98 · #010400 · #3A3151 · #B8CD01

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

#1E1D27

Deep Indigo · Black · Deep Sea Blue

HEX
#1E1D27
RGB
rgb(30, 29, 39)
HSL
hsl(246, 15%, 13%)
HSB
hsb(246, 26%, 15%)
CMYK
cmyk(23%, 26%, 0%, 85%)
Oklch
oklch(23.6% 0.019 289.4)

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

#F50C98

Rose Purple · DeepPink · Camellia

HEX
#F50C98
RGB
rgb(245, 12, 152)
HSL
hsl(324, 92%, 50%)
HSB
hsb(324, 95%, 96%)
CMYK
cmyk(0%, 95%, 38%, 4%)
Oklch
oklch(63.8% 0.260 353.3)

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

#010400

Pine Green · Black · Dark Green

HEX
#010400
RGB
rgb(1, 4, 0)
HSL
hsl(105, 100%, 1%)
HSB
hsb(105, 100%, 2%)
CMYK
cmyk(75%, 0%, 100%, 98%)
Oklch
oklch(9.5% 0.028 134.8)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#3A3151

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#3A3151
RGB
rgb(58, 49, 81)
HSL
hsl(257, 25%, 25%)
HSB
hsb(257, 40%, 32%)
CMYK
cmyk(28%, 40%, 0%, 68%)
Oklch
oklch(33.8% 0.056 296.2)

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

#B8CD01

Autumn Sage · GoldenRod · Honey Gold

HEX
#B8CD01
RGB
rgb(184, 205, 1)
HSL
hsl(66, 99%, 40%)
HSB
hsb(66, 100%, 80%)
CMYK
cmyk(10%, 0%, 100%, 20%)
Oklch
oklch(80.4% 0.185 116.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E1D27
25261C

Analogous

1C2026
1E1D27
221C26

Triadic

1E1D27
261D1C
1C261D

Split-Comp.

1E1D27
26221C
20261C

Tetradic

1E1D27
261C20
25261C
1C2622

Contrast Matrix WCAG 2.1 Contrast

1E1D27
F50C98
010400
3A3151
B8CD01
—
4.3
AA Large
1.2
Fail
1.4
Fail
9.3
AAA
4.3
AA Large
—
5.3
AA
3.1
AA Large
2.2
Fail
1.2
Fail
5.3
AA
—
1.7
Fail
11.6
AAA
1.4
Fail
3.1
AA Large
1.7
Fail
—
6.8
AA
9.3
AAA
2.2
Fail
11.6
AAA
6.8
AA
—
White BG
16.7AAA
3.9AA Large
20.6AAA
12.1AAA
1.8Fail
Black BG
1.3Fail
5.4AA
1.0Fail
1.7Fail
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E25
908E76
020201
363649
C1C132

Deuteranopia

1E1E24
9EAF6E
020201
373747
C0BE3E

Tritanopia

1E2322
E95B56
010202
3A4342
B95962

Achromatopsia

1E1E1E
626262
030303
373737
AFAFAF

Shades & Tints Shades & Tints

#1E1D27

Dark
Light

#F50C98

Dark
Light

#010400

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e1d27;
  --color-2: #f50c98;
  --color-3: #010400;
  --color-4: #3a3151;
  --color-5: #b8cd01;
}

SCSS

$color-1: #1e1d27;
$color-2: #f50c98;
$color-3: #010400;
$color-4: #3a3151;
$color-5: #b8cd01;

TAILWIND

colors: {
  'brand-1': '#1e1d27',
  'brand-2': '#f50c98',
  'brand-3': '#010400',
  'brand-4': '#3a3151',
  'brand-5': '#b8cd01',
}

RGB Array

[30, 29, 39], [245, 12, 152], [1, 4, 0], [58, 49, 81], [184, 205, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1E1D27, #F50C98, #010400, #3A3151, #B8CD01 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: #1e1d27; --color-2: #f50c98; --color-3: #010400; --color-4: #3a3151; --color-5: #b8cd01. 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