← Back to Editor

#1E181F · #DB5897 · #B2216B · #800B64 · #360145

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#1E181F

Dark Plum · Black · Dark Purple

HEX
#1E181F
RGB
rgb(30, 24, 31)
HSL
hsl(291, 13%, 11%)
HSB
hsb(291, 23%, 12%)
CMYK
cmyk(3%, 23%, 0%, 88%)
Oklch
oklch(21.9% 0.016 321.5)

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

#DB5897

Dark Violet · LightCoral · Rose Pink

HEX
#DB5897
RGB
rgb(219, 88, 151)
HSL
hsl(331, 65%, 60%)
HSB
hsb(331, 60%, 86%)
CMYK
cmyk(0%, 60%, 31%, 14%)
Oklch
oklch(64.7% 0.176 353.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#B2216B

Rose Purple · MediumVioletRed · Camellia

HEX
#B2216B
RGB
rgb(178, 33, 107)
HSL
hsl(329, 69%, 41%)
HSB
hsb(329, 81%, 70%)
CMYK
cmyk(0%, 81%, 40%, 30%)
Oklch
oklch(51.3% 0.188 355.6)

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

#800B64

Rose Purple · Purple · Eggplant

HEX
#800B64
RGB
rgb(128, 11, 100)
HSL
hsl(314, 84%, 27%)
HSB
hsb(314, 91%, 50%)
CMYK
cmyk(0%, 91%, 22%, 50%)
Oklch
oklch(40.9% 0.169 341.1)

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

#360145

Royal Purple · MidnightBlue · Dark Purple

HEX
#360145
RGB
rgb(54, 1, 69)
HSL
hsl(287, 97%, 14%)
HSB
hsb(287, 99%, 27%)
CMYK
cmyk(22%, 99%, 0%, 73%)
Oklch
oklch(24.7% 0.119 316.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E181F
192018

Analogous

1B1820
1E181F
20181D

Triadic

1E181F
201F18
18201F

Split-Comp.

1E181F
1D2018
18201B

Tetradic

1E181F
201B18
192018
181D20

Contrast Matrix WCAG 2.1 Contrast

1E181F
DB5897
B2216B
800B64
360145
—
4.9
AA
2.8
Fail
1.8
Fail
1.0
Fail
4.9
AA
—
1.8
Fail
2.7
Fail
4.7
AA
2.8
Fail
1.8
Fail
—
1.5
Fail
2.7
Fail
1.8
Fail
2.7
Fail
1.5
Fail
—
1.7
Fail
1.0
Fail
4.7
AA
2.7
Fail
1.7
Fail
—
White BG
17.4AAA
3.6AA Large
6.3AA
9.8AAA
16.8AAA
Black BG
1.2Fail
5.9AA
3.3AA Large
2.1Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B1D
A2A188
737259
4D4C4E
1F1F35

Deuteranopia

1C1C1D
AAB484
7C8755
545D49
222631

Tritanopia

1E1C1C
D47C79
AB4B48
7A3D3A
332825

Achromatopsia

1B1B1B
868686
555555
383838
191919

Shades & Tints Shades & Tints

#1E181F

Dark
Light

#DB5897

Dark
Light

#B2216B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e181f;
  --color-2: #db5897;
  --color-3: #b2216b;
  --color-4: #800b64;
  --color-5: #360145;
}

SCSS

$color-1: #1e181f;
$color-2: #db5897;
$color-3: #b2216b;
$color-4: #800b64;
$color-5: #360145;

TAILWIND

colors: {
  'brand-1': '#1e181f',
  'brand-2': '#db5897',
  'brand-3': '#b2216b',
  'brand-4': '#800b64',
  'brand-5': '#360145',
}

RGB Array

[30, 24, 31], [219, 88, 151], [178, 33, 107], [128, 11, 100], [54, 1, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #1E181F, #DB5897, #B2216B, #800B64, #360145 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: #1e181f; --color-2: #db5897; --color-3: #b2216b; --color-4: #800b64; --color-5: #360145. 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 pastel-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