← Back to Editor

#A6119A · #8A5B7E · #736D6D · #090707 · #50C5E8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A6119A

Rose Purple · DarkMagenta · Eggplant

HEX
#A6119A
RGB
rgb(166, 17, 154)
HSL
hsl(305, 81%, 36%)
HSB
hsb(305, 90%, 65%)
CMYK
cmyk(0%, 90%, 7%, 35%)
Oklch
oklch(50.6% 0.219 332.3)

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

#8A5B7E

Rose Purple · Gray · Violet

HEX
#8A5B7E
RGB
rgb(138, 91, 126)
HSL
hsl(315, 21%, 45%)
HSB
hsb(315, 34%, 54%)
CMYK
cmyk(0%, 34%, 9%, 46%)
Oklch
oklch(53.4% 0.079 336.4)

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

#736D6D

Ink Gray · DimGray · Warm Gray

HEX
#736D6D
RGB
rgb(115, 109, 109)
HSL
hsl(0, 3%, 44%)
HSB
hsb(0, 5%, 45%)
CMYK
cmyk(0%, 5%, 5%, 55%)
Oklch
oklch(54.0% 0.007 17.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#090707

Crimson · Black · Deep Berry

HEX
#090707
RGB
rgb(9, 7, 7)
HSL
hsl(0, 13%, 3%)
HSB
hsb(0, 22%, 4%)
CMYK
cmyk(0%, 22%, 22%, 96%)
Oklch
oklch(13.2% 0.004 17.7)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#50C5E8

Sky Blue · MediumTurquoise · Lake Green

HEX
#50C5E8
RGB
rgb(80, 197, 232)
HSL
hsl(194, 77%, 61%)
HSB
hsb(194, 66%, 91%)
CMYK
cmyk(66%, 15%, 0%, 9%)
Oklch
oklch(77.1% 0.115 221.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6119A
11A61E

Analogous

6811A6
A6119A
A6114F

Triadic

A6119A
9AA611
119AA6

Split-Comp.

A6119A
4FA611
11A668

Tetradic

A6119A
A66811
11A61E
114FA6

Contrast Matrix WCAG 2.1 Contrast

A6119A
8A5B7E
736D6D
090707
50C5E8
—
1.2
Fail
1.3
Fail
3.0
AA Large
3.3
AA Large
1.2
Fail
—
1.1
Fail
3.7
AA Large
2.7
Fail
1.3
Fail
1.1
Fail
—
4.0
AA Large
2.5
Fail
3.0
AA Large
3.7
AA Large
4.0
AA Large
—
10.0
AAA
3.3
AA Large
2.7
Fail
2.5
Fail
10.0
AAA
—
White BG
6.6AA
5.4AA
5.1AA
20.1AAA
2.0Fail
Black BG
3.2AA Large
3.9AA Large
4.1AA Large
1.0Fail
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

656479
767576
70706D
080807
8384E0

Deuteranopia

6E7971
787C73
71716D
080807
7C73DD

Tritanopia

9F5F59
886F6D
736D6D
090707
56D9D7

Achromatopsia

4D4D4D
6D6D6D
6F6F6F
080808
A6A6A6

Shades & Tints Shades & Tints

#A6119A

Dark
Light

#8A5B7E

Dark
Light

#736D6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6119a;
  --color-2: #8a5b7e;
  --color-3: #736d6d;
  --color-4: #090707;
  --color-5: #50c5e8;
}

SCSS

$color-1: #a6119a;
$color-2: #8a5b7e;
$color-3: #736d6d;
$color-4: #090707;
$color-5: #50c5e8;

TAILWIND

colors: {
  'brand-1': '#a6119a',
  'brand-2': '#8a5b7e',
  'brand-3': '#736d6d',
  'brand-4': '#090707',
  'brand-5': '#50c5e8',
}

RGB Array

[166, 17, 154], [138, 91, 126], [115, 109, 109], [9, 7, 7], [80, 197, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6119A, #8A5B7E, #736D6D, #090707, #50C5E8 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: #a6119a; --color-2: #8a5b7e; --color-3: #736d6d; --color-4: #090707; --color-5: #50c5e8. 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