← Back to Editor

#82A9C8 · #694E85 · #501452 · #040809 · #7C1B51

luxury

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

#82A9C8

Sky Blue · DarkGray · Cobalt Blue

HEX
#82A9C8
RGB
rgb(130, 169, 200)
HSL
hsl(207, 39%, 65%)
HSB
hsb(207, 35%, 78%)
CMYK
cmyk(35%, 16%, 0%, 22%)
Oklch
oklch(71.7% 0.062 242.7)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#694E85

Deep Indigo · DarkSlateBlue · Violet

HEX
#694E85
RGB
rgb(105, 78, 133)
HSL
hsl(269, 26%, 41%)
HSB
hsb(269, 41%, 52%)
CMYK
cmyk(21%, 41%, 0%, 48%)
Oklch
oklch(47.6% 0.091 305.8)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#501452

Royal Purple · MidnightBlue · Dark Purple

HEX
#501452
RGB
rgb(80, 20, 82)
HSL
hsl(298, 61%, 20%)
HSB
hsb(298, 76%, 32%)
CMYK
cmyk(2%, 76%, 0%, 68%)
Oklch
oklch(32.0% 0.120 326.6)

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

#040809

Slate Blue · Black · Peacock Green

HEX
#040809
RGB
rgb(4, 8, 9)
HSL
hsl(192, 38%, 3%)
HSB
hsb(192, 56%, 4%)
CMYK
cmyk(56%, 11%, 0%, 96%)
Oklch
oklch(12.9% 0.009 211.4)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#7C1B51

Rose Purple · Purple · Camellia

HEX
#7C1B51
RGB
rgb(124, 27, 81)
HSL
hsl(327, 64%, 30%)
HSB
hsb(327, 78%, 49%)
CMYK
cmyk(0%, 78%, 35%, 51%)
Oklch
oklch(40.3% 0.141 351.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82A9C8
C9A283

Analogous

83C9C5
82A9C8
8386C9

Triadic

82A9C8
C983A9
A9C983

Split-Comp.

82A9C8
C98386
C9C583

Tetradic

82A9C8
C583C9
C9A283
86C983

Contrast Matrix WCAG 2.1 Contrast

82A9C8
694E85
501452
040809
7C1B51
—
2.8
Fail
5.4
AA
8.1
AAA
4.0
AA Large
2.8
Fail
—
1.9
Fail
2.9
Fail
1.4
Fail
5.4
AA
1.9
Fail
—
1.5
Fail
1.4
Fail
8.1
AAA
2.9
Fail
1.5
Fail
—
2.0
Fail
4.0
AA Large
1.4
Fail
1.4
Fail
2.0
Fail
—
White BG
2.5Fail
6.9AA
13.4AAA
20.1AAA
9.8AAA
Black BG
8.5AAA
3.0AA Large
1.6Fail
1.0Fail
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9393C0
5D5D78
363543
060609
525144

Deuteranopia

918EBF
5F6175
3A3E3F
060509
585F41

Tritanopia

84BBB9
686D6B
4D3735
040909
773A37

Achromatopsia

A1A1A1
5C5C5C
2D2D2D
070707
3E3E3E

Shades & Tints Shades & Tints

#82A9C8

Dark
Light

#694E85

Dark
Light

#501452

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82a9c8;
  --color-2: #694e85;
  --color-3: #501452;
  --color-4: #040809;
  --color-5: #7c1b51;
}

SCSS

$color-1: #82a9c8;
$color-2: #694e85;
$color-3: #501452;
$color-4: #040809;
$color-5: #7c1b51;

TAILWIND

colors: {
  'brand-1': '#82a9c8',
  'brand-2': '#694e85',
  'brand-3': '#501452',
  'brand-4': '#040809',
  'brand-5': '#7c1b51',
}

RGB Array

[130, 169, 200], [105, 78, 133], [80, 20, 82], [4, 8, 9], [124, 27, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #82A9C8, #694E85, #501452, #040809, #7C1B51 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: #82a9c8; --color-2: #694e85; --color-3: #501452; --color-4: #040809; --color-5: #7c1b51. 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 luxury-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