← Back to Editor

#17132B · #5E1935 · #B31252 · #E36C0B · #FFD105

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#17132B

Deep Indigo · Black · Deep Sea Blue

HEX
#17132B
RGB
rgb(23, 19, 43)
HSL
hsl(250, 39%, 12%)
HSB
hsb(250, 56%, 17%)
CMYK
cmyk(47%, 56%, 0%, 83%)
Oklch
oklch(20.6% 0.047 289.3)

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

#5E1935

Dark Violet · Maroon · Raspberry

HEX
#5E1935
RGB
rgb(94, 25, 53)
HSL
hsl(336, 58%, 23%)
HSB
hsb(336, 73%, 37%)
CMYK
cmyk(0%, 73%, 44%, 63%)
Oklch
oklch(33.5% 0.103 359.5)

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

#B31252

Dark Violet · Crimson · Camellia

HEX
#B31252
RGB
rgb(179, 18, 82)
HSL
hsl(336, 82%, 39%)
HSB
hsb(336, 90%, 70%)
CMYK
cmyk(0%, 90%, 54%, 30%)
Oklch
oklch(49.9% 0.191 6.0)

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

#E36C0B

Tangerine · Chocolate · Amber Brown

HEX
#E36C0B
RGB
rgb(227, 108, 11)
HSL
hsl(27, 91%, 47%)
HSB
hsb(27, 95%, 89%)
CMYK
cmyk(0%, 52%, 95%, 11%)
Oklch
oklch(66.3% 0.172 49.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FFD105

Ginger · Gold · Sunflower

HEX
#FFD105
RGB
rgb(255, 209, 5)
HSL
hsl(49, 100%, 51%)
HSB
hsb(49, 98%, 100%)
CMYK
cmyk(0%, 18%, 98%, 0%)
Oklch
oklch(87.5% 0.179 92.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

17132B
272B13

Analogous

131B2B
17132B
23132B

Triadic

17132B
2B1713
132B17

Split-Comp.

17132B
2B2313
1B2B13

Tetradic

17132B
2B131B
272B13
132B23

Contrast Matrix WCAG 2.1 Contrast

17132B
5E1935
B31252
E36C0B
FFD105
—
1.4
Fail
2.7
Fail
5.5
AA
12.3
AAA
1.4
Fail
—
1.9
Fail
3.9
AA Large
8.6
AAA
2.7
Fail
1.9
Fail
—
2.1
Fail
4.6
AA
5.5
AA
3.9
AA Large
2.1
Fail
—
2.2
Fail
12.3
AAA
8.6
AAA
4.6
AA
2.2
Fail
—
White BG
18.0AAA
12.6AAA
6.7AA
3.3AA Large
1.5Fail
Black BG
1.2Fail
1.7Fail
3.1AA Large
6.4AA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

151525
40402E
6D6C43
AFAE22
EBEB36

Deuteranopia

161624
44492D
77833F
B6BF28
EEF142

Tritanopia

172120
5B2928
AB3634
DD3539
FD5D66

Achromatopsia

171717
313131
494949
858585
C7C7C7

Shades & Tints Shades & Tints

#17132B

Dark
Light

#5E1935

Dark
Light

#B31252

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #17132b;
  --color-2: #5e1935;
  --color-3: #b31252;
  --color-4: #e36c0b;
  --color-5: #ffd105;
}

SCSS

$color-1: #17132b;
$color-2: #5e1935;
$color-3: #b31252;
$color-4: #e36c0b;
$color-5: #ffd105;

TAILWIND

colors: {
  'brand-1': '#17132b',
  'brand-2': '#5e1935',
  'brand-3': '#b31252',
  'brand-4': '#e36c0b',
  'brand-5': '#ffd105',
}

RGB Array

[23, 19, 43], [94, 25, 53], [179, 18, 82], [227, 108, 11], [255, 209, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #17132B, #5E1935, #B31252, #E36C0B, #FFD105 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #17132b; --color-2: #5e1935; --color-3: #b31252; --color-4: #e36c0b; --color-5: #ffd105. 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. 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 dark-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