← Back to Editor

#120614 · #794170 · #9A6883 · #C485B2 · #5E1F1A

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#120614

Royal Purple · Black · Dark Purple

HEX
#120614
RGB
rgb(18, 6, 20)
HSL
hsl(291, 54%, 5%)
HSB
hsb(291, 70%, 8%)
CMYK
cmyk(10%, 70%, 0%, 92%)
Oklch
oklch(15.0% 0.036 322.0)

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

#794170

Rose Purple · DimGray · Eggplant

HEX
#794170
RGB
rgb(121, 65, 112)
HSL
hsl(310, 30%, 36%)
HSB
hsb(310, 46%, 47%)
CMYK
cmyk(0%, 46%, 7%, 53%)
Oklch
oklch(46.1% 0.101 333.3)

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

#9A6883

Rose Purple · Gray · Rose Pink

HEX
#9A6883
RGB
rgb(154, 104, 131)
HSL
hsl(328, 20%, 51%)
HSB
hsb(328, 32%, 60%)
CMYK
cmyk(0%, 32%, 15%, 40%)
Oklch
oklch(57.8% 0.074 346.1)

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

#C485B2

Mauve · DarkGray · Lilac Purple

HEX
#C485B2
RGB
rgb(196, 133, 178)
HSL
hsl(317, 35%, 65%)
HSB
hsb(317, 32%, 77%)
CMYK
cmyk(0%, 32%, 9%, 23%)
Oklch
oklch(69.4% 0.097 337.7)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#5E1F1A

Crimson · Maroon · Wine Red

HEX
#5E1F1A
RGB
rgb(94, 31, 26)
HSL
hsl(4, 57%, 24%)
HSB
hsb(4, 72%, 37%)
CMYK
cmyk(0%, 67%, 72%, 63%)
Oklch
oklch(33.6% 0.093 27.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

120614
081406

Analogous

0B0614
120614
14060F

Triadic

120614
141206
061412

Split-Comp.

120614
0F1406
06140B

Tetradic

120614
140B06
081406
060F14

Contrast Matrix WCAG 2.1 Contrast

120614
794170
9A6883
C485B2
5E1F1A
—
2.6
Fail
4.4
AA Large
6.9
AA
1.6
Fail
2.6
Fail
—
1.7
Fail
2.6
Fail
1.7
Fail
4.4
AA Large
1.7
Fail
—
1.6
Fail
2.8
Fail
6.9
AA
2.6
Fail
1.6
Fail
—
4.4
AA Large
1.6
Fail
1.7
Fail
2.8
Fail
4.4
AA Large
—
White BG
19.8AAA
7.5AAA
4.5AA Large
2.9Fail
12.4AAA
Black BG
1.1Fail
2.8Fail
4.7AA
7.3AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0D0D11
616065
84847C
A9A8A7
43421B

Deuteranopia

0E0E10
646862
878B7B
ACB1A5
464B1C

Tritanopia

110E0D
765C5A
977776
C19F9D
5B1C1C

Achromatopsia

0B0B0B
575757
7A7A7A
9D9D9D
313131

Shades & Tints Shades & Tints

#120614

Dark
Light

#794170

Dark
Light

#9A6883

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #120614;
  --color-2: #794170;
  --color-3: #9a6883;
  --color-4: #c485b2;
  --color-5: #5e1f1a;
}

SCSS

$color-1: #120614;
$color-2: #794170;
$color-3: #9a6883;
$color-4: #c485b2;
$color-5: #5e1f1a;

TAILWIND

colors: {
  'brand-1': '#120614',
  'brand-2': '#794170',
  'brand-3': '#9a6883',
  'brand-4': '#c485b2',
  'brand-5': '#5e1f1a',
}

RGB Array

[18, 6, 20], [121, 65, 112], [154, 104, 131], [196, 133, 178], [94, 31, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #120614, #794170, #9A6883, #C485B2, #5E1F1A 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: #120614; --color-2: #794170; --color-3: #9a6883; --color-4: #c485b2; --color-5: #5e1f1a. 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 sunset-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