← Back to Editor

#5C4D91 · #332A53 · #F2CC76 · #1E1836 · #0B0814

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5C4D91

Deep Indigo · DarkSlateBlue · Navy Blue

HEX
#5C4D91
RGB
rgb(92, 77, 145)
HSL
hsl(253, 31%, 44%)
HSB
hsb(253, 47%, 57%)
CMYK
cmyk(37%, 47%, 0%, 43%)
Oklch
oklch(46.8% 0.108 291.8)

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

#332A53

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#332A53
RGB
rgb(51, 42, 83)
HSL
hsl(253, 33%, 25%)
HSB
hsb(253, 49%, 33%)
CMYK
cmyk(39%, 49%, 0%, 67%)
Oklch
oklch(31.6% 0.072 291.9)

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

#F2CC76

Goose Yellow · BurlyWood · Sunflower

HEX
#F2CC76
RGB
rgb(242, 204, 118)
HSL
hsl(42, 83%, 71%)
HSB
hsb(42, 51%, 95%)
CMYK
cmyk(0%, 16%, 51%, 5%)
Oklch
oklch(86.0% 0.114 86.2)

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

#1E1836

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1E1836
RGB
rgb(30, 24, 54)
HSL
hsl(252, 38%, 15%)
HSB
hsb(252, 56%, 21%)
CMYK
cmyk(44%, 56%, 0%, 79%)
Oklch
oklch(23.3% 0.056 290.6)

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

#0B0814

Deep Indigo · Black · Deep Sea Blue

HEX
#0B0814
RGB
rgb(11, 8, 20)
HSL
hsl(255, 43%, 5%)
HSB
hsb(255, 60%, 8%)
CMYK
cmyk(45%, 60%, 0%, 92%)
Oklch
oklch(14.6% 0.026 294.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C4D91
84934D

Analogous

4D6193
5C4D91
7F4D93

Triadic

5C4D91
935C4D
4D935C

Split-Comp.

5C4D91
937F4D
61934D

Tetradic

5C4D91
934D61
84934D
4D937F

Contrast Matrix WCAG 2.1 Contrast

5C4D91
332A53
F2CC76
1E1836
0B0814
—
1.8
Fail
4.7
AA
2.4
Fail
2.8
Fail
1.8
Fail
—
8.6
AAA
1.3
Fail
1.5
Fail
4.7
AA
8.6
AAA
—
11.0
AAA
12.9
AAA
2.4
Fail
1.3
Fail
11.0
AAA
—
1.2
Fail
2.8
Fail
1.5
Fail
12.9
AAA
1.2
Fail
—
White BG
7.2AAA
13.2AAA
1.5Fail
16.9AAA
19.8AAA
Black BG
2.9Fail
1.6Fail
13.7AAA
1.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

565581
2F2F49
E2E18B
1B1B2F
0A0A11

Deuteranopia

56577D
303047
E4E790
1C1C2D
0A0A10

Tritanopia

5B7471
334140
F09B9F
1E2928
0B0F0E

Achromatopsia

595959
313131
CECECE
1D1D1D
0A0A0A

Shades & Tints Shades & Tints

#5C4D91

Dark
Light

#332A53

Dark
Light

#F2CC76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c4d91;
  --color-2: #332a53;
  --color-3: #f2cc76;
  --color-4: #1e1836;
  --color-5: #0b0814;
}

SCSS

$color-1: #5c4d91;
$color-2: #332a53;
$color-3: #f2cc76;
$color-4: #1e1836;
$color-5: #0b0814;

TAILWIND

colors: {
  'brand-1': '#5c4d91',
  'brand-2': '#332a53',
  'brand-3': '#f2cc76',
  'brand-4': '#1e1836',
  'brand-5': '#0b0814',
}

RGB Array

[92, 77, 145], [51, 42, 83], [242, 204, 118], [30, 24, 54], [11, 8, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #5C4D91, #332A53, #F2CC76, #1E1836, #0B0814 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5c4d91; --color-2: #332a53; --color-3: #f2cc76; --color-4: #1e1836; --color-5: #0b0814. 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 space-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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