← Back to Editor

#230047 · #4C1A55 · #A93C51 · #D54544 · #FB933C

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

Color Details Color Details

#230047

Royal Purple · MidnightBlue · Dark Purple

HEX
#230047
RGB
rgb(35, 0, 71)
HSL
hsl(270, 100%, 14%)
HSB
hsb(270, 100%, 28%)
CMYK
cmyk(51%, 100%, 0%, 72%)
Oklch
oklch(21.7% 0.117 298.2)

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

#4C1A55

Royal Purple · MidnightBlue · Eggplant

HEX
#4C1A55
RGB
rgb(76, 26, 85)
HSL
hsl(291, 53%, 22%)
HSB
hsb(291, 69%, 33%)
CMYK
cmyk(11%, 69%, 0%, 67%)
Oklch
oklch(32.3% 0.112 321.2)

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

#A93C51

Crimson · Brown · Passion Red

HEX
#A93C51
RGB
rgb(169, 60, 81)
HSL
hsl(348, 48%, 45%)
HSB
hsb(348, 64%, 66%)
CMYK
cmyk(0%, 64%, 52%, 34%)
Oklch
oklch(51.5% 0.143 12.1)

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

#D54544

Vermilion · Crimson · Passion Red

HEX
#D54544
RGB
rgb(213, 69, 68)
HSL
hsl(0, 63%, 55%)
HSB
hsb(0, 68%, 84%)
CMYK
cmyk(0%, 68%, 68%, 16%)
Oklch
oklch(59.5% 0.181 24.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FB933C

Apricot · Coral · Warm Sun

HEX
#FB933C
RGB
rgb(251, 147, 60)
HSL
hsl(27, 96%, 61%)
HSB
hsb(27, 76%, 98%)
CMYK
cmyk(0%, 41%, 76%, 2%)
Oklch
oklch(75.9% 0.159 56.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

230047
244700

Analogous

000047
230047
470047

Triadic

230047
472400
004724

Split-Comp.

230047
474700
004700

Tetradic

230047
470000
244700
004747

Contrast Matrix WCAG 2.1 Contrast

230047
4C1A55
A93C51
D54544
FB933C
—
1.4
Fail
3.0
Fail
4.1
AA Large
8.0
AAA
1.4
Fail
—
2.2
Fail
3.0
AA Large
5.9
AA
3.0
Fail
2.2
Fail
—
1.4
Fail
2.7
Fail
4.1
AA Large
3.0
AA Large
1.4
Fail
—
2.0
Fail
8.0
AAA
5.9
AA
2.7
Fail
2.0
Fail
—
White BG
18.1AAA
13.2AAA
6.1AA
4.4AA Large
2.2Fail
Black BG
1.2Fail
1.6Fail
3.5AA Large
4.8AA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

141436
363647
7A794C
979544
CECD51

Deuteranopia

161932
393D43
80884B
9FAA44
D4DC56

Tritanopia

212825
4A3B39
A44847
CE4444
F66265

Achromatopsia

131313
303030
5F5F5F
707070
A8A8A8

Shades & Tints Shades & Tints

#230047

Dark
Light

#4C1A55

Dark
Light

#A93C51

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #230047;
  --color-2: #4c1a55;
  --color-3: #a93c51;
  --color-4: #d54544;
  --color-5: #fb933c;
}

SCSS

$color-1: #230047;
$color-2: #4c1a55;
$color-3: #a93c51;
$color-4: #d54544;
$color-5: #fb933c;

TAILWIND

colors: {
  'brand-1': '#230047',
  'brand-2': '#4c1a55',
  'brand-3': '#a93c51',
  'brand-4': '#d54544',
  'brand-5': '#fb933c',
}

RGB Array

[35, 0, 71], [76, 26, 85], [169, 60, 81], [213, 69, 68], [251, 147, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #230047, #4C1A55, #A93C51, #D54544, #FB933C 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: #230047; --color-2: #4c1a55; --color-3: #a93c51; --color-4: #d54544; --color-5: #fb933c. 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