← Back to Editor

#180009 · #481816 · #603034 · #784819 · #904816

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#180009

Dark Violet · Black · Raspberry

HEX
#180009
RGB
rgb(24, 0, 9)
HSL
hsl(338, 100%, 5%)
HSB
hsb(338, 100%, 9%)
CMYK
cmyk(0%, 100%, 63%, 91%)
Oklch
oklch(13.6% 0.056 356.1)

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

#481816

Crimson · Maroon · Deep Berry

HEX
#481816
RGB
rgb(72, 24, 22)
HSL
hsl(2, 53%, 18%)
HSB
hsb(2, 69%, 28%)
CMYK
cmyk(0%, 67%, 69%, 72%)
Oklch
oklch(28.4% 0.074 25.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#603034

Crimson · DarkOliveGreen · Wine Red

HEX
#603034
RGB
rgb(96, 48, 52)
HSL
hsl(355, 33%, 28%)
HSB
hsb(355, 50%, 38%)
CMYK
cmyk(0%, 50%, 46%, 62%)
Oklch
oklch(37.3% 0.070 15.8)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#784819

Ochre · Sienna · Amber Brown

HEX
#784819
RGB
rgb(120, 72, 25)
HSL
hsl(30, 66%, 28%)
HSB
hsb(30, 79%, 47%)
CMYK
cmyk(0%, 40%, 79%, 53%)
Oklch
oklch(44.9% 0.089 61.0)

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

#904816

Tangerine · Sienna · Amber Brown

HEX
#904816
RGB
rgb(144, 72, 22)
HSL
hsl(25, 73%, 33%)
HSB
hsb(25, 85%, 56%)
CMYK
cmyk(0%, 50%, 85%, 44%)
Oklch
oklch(48.4% 0.114 50.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

180009
001A10

Analogous

1A0016
180009
1A0300

Triadic

180009
091A00
00091A

Split-Comp.

180009
001A03
00161A

Tetradic

180009
161A00
001A10
03001A

Contrast Matrix WCAG 2.1 Contrast

180009
481816
603034
784819
904816
—
1.4
Fail
1.9
Fail
2.6
Fail
3.0
Fail
1.4
Fail
—
1.4
Fail
1.9
Fail
2.2
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
2.6
Fail
1.9
Fail
1.4
Fail
—
1.1
Fail
3.0
Fail
2.2
Fail
1.6
Fail
1.1
Fail
—
White BG
20.1AAA
14.8AAA
10.7AAA
7.7AAA
6.7AA
Black BG
1.0Fail
1.4Fail
2.0Fail
2.7Fail
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

0E0D07
333316
4B4B33
636324
717022

Deuteranopia

0F1106
363A17
4E5233
666A27
757A25

Tritanopia

170505
461717
5E3232
762D2F
8C2C2E

Achromatopsia

080808
262626
3F3F3F
515151
585858

Shades & Tints Shades & Tints

#180009

Dark
Light

#481816

Dark
Light

#603034

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #180009;
  --color-2: #481816;
  --color-3: #603034;
  --color-4: #784819;
  --color-5: #904816;
}

SCSS

$color-1: #180009;
$color-2: #481816;
$color-3: #603034;
$color-4: #784819;
$color-5: #904816;

TAILWIND

colors: {
  'brand-1': '#180009',
  'brand-2': '#481816',
  'brand-3': '#603034',
  'brand-4': '#784819',
  'brand-5': '#904816',
}

RGB Array

[24, 0, 9], [72, 24, 22], [96, 48, 52], [120, 72, 25], [144, 72, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #180009, #481816, #603034, #784819, #904816 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: #180009; --color-2: #481816; --color-3: #603034; --color-4: #784819; --color-5: #904816. 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