#600030 + #781848 + #783060 + #904878 + #A87890 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#600030

Dark Violet · Maroon · Raspberry

HEX

#600030

RGB

rgb(96, 0, 48)

HSL

hsl(330, 100%, 19%)

HSB

hsb(330, 100%, 38%)

CMYK

cmyk(0%, 100%, 50%, 62%)

Oklch

oklch(31.7% 0.129 359.5)

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

#781848

Dark Violet · Brown · Camellia

HEX

#781848

RGB

rgb(120, 24, 72)

HSL

hsl(330, 67%, 28%)

HSB

hsb(330, 80%, 47%)

CMYK

cmyk(0%, 80%, 40%, 53%)

Oklch

oklch(38.9% 0.137 355.3)

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

#783060

Rose Purple · Purple · Camellia

HEX

#783060

RGB

rgb(120, 48, 96)

HSL

hsl(320, 43%, 33%)

HSB

hsb(320, 60%, 47%)

CMYK

cmyk(0%, 60%, 20%, 53%)

Oklch

oklch(42.6% 0.117 342.5)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#904878

Rose Purple · DimGray · Camellia

HEX

#904878

RGB

rgb(144, 72, 120)

HSL

hsl(320, 33%, 42%)

HSB

hsb(320, 50%, 56%)

CMYK

cmyk(0%, 50%, 17%, 44%)

Oklch

oklch(50.7% 0.115 341.5)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#A87890

Dark Violet · Gray · Rose Pink

HEX

#A87890

RGB

rgb(168, 120, 144)

HSL

hsl(330, 22%, 56%)

HSB

hsb(330, 29%, 66%)

CMYK

cmyk(0%, 29%, 14%, 34%)

Oklch

oklch(62.8% 0.068 347.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

600030

006130

Analogous

610061

600030

610000

Triadic

600030

306100

003061

Split-Comp.

600030

006100

006161

Tetradic

600030

616100

006130

000061

Contrast Matrix WCAG 2.1 Contrast

600030	781848	783060	904878	A87890
—	1.3 Fail	1.6 Fail	2.2 Fail	3.7 AA Large
1.3 Fail	—	1.2 Fail	1.7 Fail	2.8 Fail
1.6 Fail	1.2 Fail	—	1.4 Fail	2.4 Fail
2.2 Fail	1.7 Fail	1.4 Fail	—	1.7 Fail
3.7 AA Large	2.8 Fail	2.4 Fail	1.7 Fail	—

White BG

13.6AAA

10.4AAA

8.8AAA

6.2AA

3.6AA Large

Black BG

1.5Fail

2.0Fail

2.4Fail

3.4AA Large

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

363624

4E4E3C

595854

71706C

93938A

Deuteranopia

3C4322

545B3A

5D6252

757A6A

969A89

Tritanopia

5B1B19

733331

744B49

8C6361

A68685

Achromatopsia

222222

3A3A3A

4B4B4B

636363

898989

Shades & Tints Shades & Tints

#600030

Dark

Light

#781848

Dark

Light

#783060

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #600030;
  --color-2: #781848;
  --color-3: #783060;
  --color-4: #904878;
  --color-5: #a87890;
}

SCSS

$color-1: #600030;
$color-2: #781848;
$color-3: #783060;
$color-4: #904878;
$color-5: #a87890;

TAILWIND

colors: {
  'brand-1': '#600030',
  'brand-2': '#781848',
  'brand-3': '#783060',
  'brand-4': '#904878',
  'brand-5': '#a87890',
}

RGB Array

[96, 0, 48], [120, 24, 72], [120, 48, 96], [144, 72, 120], [168, 120, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #600030, #781848, #783060, #904878, #A87890 is ideal for: tech websites, dark mode UIs, game UIs. 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: #600030; --color-2: #781848; --color-3: #783060; --color-4: #904878; --color-5: #a87890. 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 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