← Back to Editor

#869E28 · #626E34 · #080A01 · #E00CD4 · #946291

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

#869E28

Grass Green · Olive · Forest Green

HEX
#869E28
RGB
rgb(134, 158, 40)
HSL
hsl(72, 60%, 39%)
HSB
hsb(72, 75%, 62%)
CMYK
cmyk(15%, 0%, 75%, 38%)
Oklch
oklch(65.9% 0.142 120.6)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#626E34

Grass Green · DarkOliveGreen · Forest Green

HEX
#626E34
RGB
rgb(98, 110, 52)
HSL
hsl(72, 36%, 32%)
HSB
hsb(72, 53%, 43%)
CMYK
cmyk(11%, 0%, 53%, 57%)
Oklch
oklch(51.4% 0.083 119.1)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#080A01

Grass Green · Black · Dark Green

HEX
#080A01
RGB
rgb(8, 10, 1)
HSL
hsl(73, 82%, 2%)
HSB
hsb(73, 90%, 4%)
CMYK
cmyk(20%, 0%, 90%, 96%)
Oklch
oklch(13.8% 0.027 117.1)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#E00CD4

Rose Purple · Magenta · Violet

HEX
#E00CD4
RGB
rgb(224, 12, 212)
HSL
hsl(303, 90%, 46%)
HSB
hsb(303, 95%, 88%)
CMYK
cmyk(0%, 95%, 5%, 12%)
Oklch
oklch(63.1% 0.282 331.3)

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

#946291

Rose Purple · Gray · Violet

HEX
#946291
RGB
rgb(148, 98, 145)
HSL
hsl(304, 20%, 48%)
HSB
hsb(304, 34%, 58%)
CMYK
cmyk(0%, 34%, 2%, 42%)
Oklch
oklch(56.6% 0.092 328.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

869E28
40289F

Analogous

9F7B28
869E28
4C9F28

Triadic

869E28
28879F
9F2887

Split-Comp.

869E28
284C9F
7B289F

Tetradic

869E28
289F7B
40289F
9F284C

Contrast Matrix WCAG 2.1 Contrast

869E28
626E34
080A01
E00CD4
946291
—
1.8
Fail
6.6
AA
1.3
Fail
1.6
Fail
1.8
Fail
—
3.6
AA Large
1.4
Fail
1.2
Fail
6.6
AA
3.6
AA Large
—
4.9
AA
4.2
AA Large
1.3
Fail
1.4
Fail
4.9
AA
—
1.2
Fail
1.6
Fail
1.2
Fail
4.2
AA Large
1.2
Fail
—
White BG
3.0AA Large
5.5AA
19.9AAA
4.1AA Large
4.8AA
Black BG
6.9AA
3.8AA Large
1.1Fail
5.2AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

909145
676742
090903
8482A4
7E7E86

Deuteranopia

8F8D4B
676645
090904
91A098
818583

Tritanopia

875B60
634D50
080505
D57D75
927D7B

Achromatopsia

898989
646464
080808
626262
767676

Shades & Tints Shades & Tints

#869E28

Dark
Light

#626E34

Dark
Light

#080A01

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #869e28;
  --color-2: #626e34;
  --color-3: #080a01;
  --color-4: #e00cd4;
  --color-5: #946291;
}

SCSS

$color-1: #869e28;
$color-2: #626e34;
$color-3: #080a01;
$color-4: #e00cd4;
$color-5: #946291;

TAILWIND

colors: {
  'brand-1': '#869e28',
  'brand-2': '#626e34',
  'brand-3': '#080a01',
  'brand-4': '#e00cd4',
  'brand-5': '#946291',
}

RGB Array

[134, 158, 40], [98, 110, 52], [8, 10, 1], [224, 12, 212], [148, 98, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #869E28, #626E34, #080A01, #E00CD4, #946291 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: #869e28; --color-2: #626e34; --color-3: #080a01; --color-4: #e00cd4; --color-5: #946291. 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