← Back to Editor

#A05075 · #8A3B5B · #4C3E4D · #182536 · #060608

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#A05075

Dark Violet · Gray · Camellia

HEX
#A05075
RGB
rgb(160, 80, 117)
HSL
hsl(332, 33%, 47%)
HSB
hsb(332, 50%, 63%)
CMYK
cmyk(0%, 50%, 27%, 37%)
Oklch
oklch(54.0% 0.114 352.5)

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

#8A3B5B

Dark Violet · Sienna · Camellia

HEX
#8A3B5B
RGB
rgb(138, 59, 91)
HSL
hsl(336, 40%, 39%)
HSB
hsb(336, 57%, 54%)
CMYK
cmyk(0%, 57%, 34%, 46%)
Oklch
oklch(46.8% 0.113 357.0)

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

#4C3E4D

Dark Plum · DarkSlateGray · Eggplant

HEX
#4C3E4D
RGB
rgb(76, 62, 77)
HSL
hsl(296, 11%, 27%)
HSB
hsb(296, 19%, 30%)
CMYK
cmyk(1%, 19%, 0%, 70%)
Oklch
oklch(38.4% 0.031 324.0)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#182536

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#182536
RGB
rgb(24, 37, 54)
HSL
hsl(214, 38%, 15%)
HSB
hsb(214, 56%, 21%)
CMYK
cmyk(56%, 31%, 0%, 79%)
Oklch
oklch(26.1% 0.037 255.4)

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

#060608

Deep Indigo · Black · Deep Sea Blue

HEX
#060608
RGB
rgb(6, 6, 8)
HSL
hsl(240, 14%, 3%)
HSB
hsb(240, 25%, 3%)
CMYK
cmyk(25%, 25%, 0%, 97%)
Oklch
oklch(12.3% 0.006 285.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A05075
509F7A

Analogous

9F509D
A05075
9F5350

Triadic

A05075
759F50
50759F

Split-Comp.

A05075
509F53
509D9F

Tetradic

A05075
9D9F50
509F7A
53509F

Contrast Matrix WCAG 2.1 Contrast

A05075
8A3B5B
4C3E4D
182536
060608
—
1.4
Fail
1.9
Fail
2.9
Fail
3.8
AA Large
1.4
Fail
—
1.4
Fail
2.1
Fail
2.8
Fail
1.9
Fail
1.4
Fail
—
1.6
Fail
2.0
Fail
2.9
Fail
2.1
Fail
1.6
Fail
—
1.3
Fail
3.8
AA Large
2.8
Fail
2.0
Fail
1.3
Fail
—
White BG
5.4AA
7.3AAA
10.0AAA
15.5AAA
20.2AAA
Black BG
3.9AA Large
2.9Fail
2.1Fail
1.4Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7D6C
686753
464649
1E1E32
060608

Deuteranopia

82886A
6C7251
474849
1D1C31
060607

Tritanopia

9C6563
864D4C
4B4746
192F2E
060707

Achromatopsia

6C6C6C
565656
444444
232323
060606

Shades & Tints Shades & Tints

#A05075

Dark
Light

#8A3B5B

Dark
Light

#4C3E4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a05075;
  --color-2: #8a3b5b;
  --color-3: #4c3e4d;
  --color-4: #182536;
  --color-5: #060608;
}

SCSS

$color-1: #a05075;
$color-2: #8a3b5b;
$color-3: #4c3e4d;
$color-4: #182536;
$color-5: #060608;

TAILWIND

colors: {
  'brand-1': '#a05075',
  'brand-2': '#8a3b5b',
  'brand-3': '#4c3e4d',
  'brand-4': '#182536',
  'brand-5': '#060608',
}

RGB Array

[160, 80, 117], [138, 59, 91], [76, 62, 77], [24, 37, 54], [6, 6, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #A05075, #8A3B5B, #4C3E4D, #182536, #060608 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a05075; --color-2: #8a3b5b; --color-3: #4c3e4d; --color-4: #182536; --color-5: #060608. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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