← Back to Editor

#280430 · #29158B · #59601A · #C07019 · #FCECBC

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 AppData Visualization

Color Details Color Details

#280430

Royal Purple · Black · Dark Purple

HEX
#280430
RGB
rgb(40, 4, 48)
HSL
hsl(289, 85%, 10%)
HSB
hsb(289, 92%, 19%)
CMYK
cmyk(17%, 92%, 0%, 81%)
Oklch
oklch(20.8% 0.088 319.7)

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

#29158B

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#29158B
RGB
rgb(41, 21, 139)
HSL
hsl(250, 74%, 31%)
HSB
hsb(250, 85%, 55%)
CMYK
cmyk(71%, 85%, 0%, 45%)
Oklch
oklch(32.6% 0.177 277.9)

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

#59601A

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#59601A
RGB
rgb(89, 96, 26)
HSL
hsl(66, 57%, 24%)
HSB
hsb(66, 73%, 38%)
CMYK
cmyk(7%, 0%, 73%, 62%)
Oklch
oklch(46.8% 0.092 114.9)

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

#C07019

Ochre · Chocolate · Amber Brown

HEX
#C07019
RGB
rgb(192, 112, 25)
HSL
hsl(31, 77%, 43%)
HSB
hsb(31, 87%, 75%)
CMYK
cmyk(0%, 42%, 87%, 25%)
Oklch
oklch(62.1% 0.136 60.9)

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

#FCECBC

Goose Yellow · Bisque · Lemon Cream

HEX
#FCECBC
RGB
rgb(252, 236, 188)
HSL
hsl(45, 91%, 86%)
HSB
hsb(45, 25%, 99%)
CMYK
cmyk(0%, 6%, 25%, 1%)
Oklch
oklch(94.4% 0.064 91.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

280430
0C2F04

Analogous

12042F
280430
2F0421

Triadic

280430
2F2704
042F27

Split-Comp.

280430
212F04
042F12

Tetradic

280430
2F1204
0C2F04
04212F

Contrast Matrix WCAG 2.1 Contrast

280430
29158B
59601A
C07019
FCECBC
—
1.4
Fail
2.7
Fail
4.8
AA
15.5
AAA
1.4
Fail
—
2.0
Fail
3.5
AA Large
11.3
AAA
2.7
Fail
2.0
Fail
—
1.8
Fail
5.7
AA
4.8
AA
3.5
AA Large
1.8
Fail
—
3.2
AA Large
15.5
AAA
11.3
AAA
5.7
AA
3.2
AA Large
—
White BG
18.3AAA
13.3AAA
6.7AA
3.8AA Large
1.2Fail
Black BG
1.2Fail
1.6Fail
3.1AA Large
5.6AA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181825
20206E
5C5C2B
9D9D2E
F5F5C8

Deuteranopia

1B1D23
222368
5C5B2F
A2A833
F6F7CA

Tritanopia

261D1B
285853
59383B
BC3F42
FBD1D3

Achromatopsia

141414
282828
565656
7E7E7E
EBEBEB

Shades & Tints Shades & Tints

#280430

Dark
Light

#29158B

Dark
Light

#59601A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #280430;
  --color-2: #29158b;
  --color-3: #59601a;
  --color-4: #c07019;
  --color-5: #fcecbc;
}

SCSS

$color-1: #280430;
$color-2: #29158b;
$color-3: #59601a;
$color-4: #c07019;
$color-5: #fcecbc;

TAILWIND

colors: {
  'brand-1': '#280430',
  'brand-2': '#29158b',
  'brand-3': '#59601a',
  'brand-4': '#c07019',
  'brand-5': '#fcecbc',
}

RGB Array

[40, 4, 48], [41, 21, 139], [89, 96, 26], [192, 112, 25], [252, 236, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #280430, #29158B, #59601A, #C07019, #FCECBC 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: #280430; --color-2: #29158b; --color-3: #59601a; --color-4: #c07019; --color-5: #fcecbc. 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 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