← Back to Editor

#390232 · #730D51 · #863D5B · #869C7F · #AAAF9F

A 5-color palette 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

#390232

Rose Purple · MidnightBlue · Dark Purple

HEX
#390232
RGB
rgb(57, 2, 50)
HSL
hsl(308, 93%, 12%)
HSB
hsb(308, 96%, 22%)
CMYK
cmyk(0%, 96%, 12%, 78%)
Oklch
oklch(23.9% 0.102 334.4)

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

#730D51

Rose Purple · Purple · Raspberry

HEX
#730D51
RGB
rgb(115, 13, 81)
HSL
hsl(320, 80%, 25%)
HSB
hsb(320, 89%, 45%)
CMYK
cmyk(0%, 89%, 30%, 55%)
Oklch
oklch(37.6% 0.148 346.3)

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

#863D5B

Dark Violet · DimGray · Camellia

HEX
#863D5B
RGB
rgb(134, 61, 91)
HSL
hsl(335, 37%, 38%)
HSB
hsb(335, 54%, 53%)
CMYK
cmyk(0%, 54%, 32%, 47%)
Oklch
oklch(46.5% 0.106 356.1)

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

#869C7F

Celadon · Gray · Olive Green

HEX
#869C7F
RGB
rgb(134, 156, 127)
HSL
hsl(106, 13%, 55%)
HSB
hsb(106, 19%, 61%)
CMYK
cmyk(14%, 0%, 19%, 39%)
Oklch
oklch(66.7% 0.049 138.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#AAAF9F

Willow Green · DarkGray · Silver Sand

HEX
#AAAF9F
RGB
rgb(170, 175, 159)
HSL
hsl(79, 9%, 65%)
HSB
hsb(79, 9%, 69%)
CMYK
cmyk(3%, 0%, 9%, 31%)
Oklch
oklch(74.5% 0.023 121.1)

Traditional「Willow Green」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

390232
023B0A

Analogous

26023B
390232
3B0217

Triadic

390232
333B02
02333B

Split-Comp.

390232
173B02
023B26

Tetradic

390232
3B2602
023B0A
02173B

Contrast Matrix WCAG 2.1 Contrast

390232
730D51
863D5B
869C7F
AAAF9F
—
1.6
Fail
2.3
Fail
5.8
AA
7.6
AAA
1.6
Fail
—
1.5
Fail
3.7
AA Large
4.9
AA
2.3
Fail
1.5
Fail
—
2.5
Fail
3.3
AA Large
5.8
AA
3.7
AA Large
2.5
Fail
—
1.3
Fail
7.6
AAA
4.9
AA
3.3
AA Large
1.3
Fail
—
White BG
17.1AAA
11.0AAA
7.4AAA
3.0Fail
2.2Fail
Black BG
1.2Fail
1.9Fail
2.8Fail
7.1AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

212126
474641
666654
909086
ACACA3

Deuteranopia

242924
4D543D
6B7052
8E8D88
ACACA4

Tritanopia

361D1B
6E3431
824E4D
878C8D
AAA6A7

Achromatopsia

181818
333333
565656
929292
ACACAC

Shades & Tints Shades & Tints

#390232

Dark
Light

#730D51

Dark
Light

#863D5B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #390232;
  --color-2: #730d51;
  --color-3: #863d5b;
  --color-4: #869c7f;
  --color-5: #aaaf9f;
}

SCSS

$color-1: #390232;
$color-2: #730d51;
$color-3: #863d5b;
$color-4: #869c7f;
$color-5: #aaaf9f;

TAILWIND

colors: {
  'brand-1': '#390232',
  'brand-2': '#730d51',
  'brand-3': '#863d5b',
  'brand-4': '#869c7f',
  'brand-5': '#aaaf9f',
}

RGB Array

[57, 2, 50], [115, 13, 81], [134, 61, 91], [134, 156, 127], [170, 175, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #390232, #730D51, #863D5B, #869C7F, #AAAF9F 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: #390232; --color-2: #730d51; --color-3: #863d5b; --color-4: #869c7f; --color-5: #aaaf9f. 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 general-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