#0A7566 + #684781 + #951C64 + #B91D52 + #2C1B1C · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0A7566

Mineral Blue · Teal · Peacock Green

HEX

#0A7566

RGB

rgb(10, 117, 102)

HSL

hsl(172, 84%, 25%)

HSB

hsb(172, 91%, 46%)

CMYK

cmyk(91%, 0%, 13%, 54%)

Oklch

oklch(50.5% 0.090 179.5)

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

#684781

Dark Plum · DarkSlateBlue · Eggplant

HEX

#684781

RGB

rgb(104, 71, 129)

HSL

hsl(274, 29%, 39%)

HSB

hsb(274, 45%, 51%)

CMYK

cmyk(19%, 45%, 0%, 49%)

Oklch

oklch(45.9% 0.098 309.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#951C64

Rose Purple · Purple · Camellia

HEX

#951C64

RGB

rgb(149, 28, 100)

HSL

hsl(324, 68%, 35%)

HSB

hsb(324, 81%, 58%)

CMYK

cmyk(0%, 81%, 33%, 42%)

Oklch

oklch(45.6% 0.169 349.9)

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

#B91D52

Dark Violet · Crimson · Camellia

HEX

#B91D52

RGB

rgb(185, 29, 82)

HSL

hsl(340, 73%, 42%)

HSB

hsb(340, 84%, 73%)

CMYK

cmyk(0%, 84%, 56%, 27%)

Oklch

oklch(51.5% 0.189 8.2)

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

#2C1B1C

Crimson · Black · Deep Berry

HEX

#2C1B1C

RGB

rgb(44, 27, 28)

HSL

hsl(356, 24%, 14%)

HSB

hsb(356, 39%, 17%)

CMYK

cmyk(0%, 39%, 36%, 83%)

Oklch

oklch(24.4% 0.027 15.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A7566

750A18

Analogous

0A7531

0A7566

0A4E75

Triadic

0A7566

670A75

75670A

Split-Comp.

0A7566

750A4E

75310A

Tetradic

0A7566

310A75

750A18

4E750A

Contrast Matrix WCAG 2.1 Contrast

0A7566	684781	951C64	B91D52	2C1B1C
—	1.3 Fail	1.4 Fail	1.1 Fail	2.9 Fail
1.3 Fail	—	1.1 Fail	1.2 Fail	2.2 Fail
1.4 Fail	1.1 Fail	—	1.3 Fail	2.1 Fail
1.1 Fail	1.2 Fail	1.3 Fail	—	2.6 Fail
2.9 Fail	2.2 Fail	2.1 Fail	2.6 Fail	—

White BG

5.6AA

7.5AAA

8.0AAA

6.2AA

16.4AAA

Black BG

3.7AA Large

2.8Fail

2.6Fail

3.4AA Large

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

38396A

5A5973

616053

757445

25241C

Deuteranopia

322A6B

5C5E70

68714E

7F8A42

26271C

Tritanopia

0F6C6D

666865

8F4542

B13B39

2B1C1C

Achromatopsia

535353

575757

484848

525252

202020

Shades & Tints Shades & Tints

#0A7566

Dark

Light

#684781

Dark

Light

#951C64

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a7566;
  --color-2: #684781;
  --color-3: #951c64;
  --color-4: #b91d52;
  --color-5: #2c1b1c;
}

SCSS

$color-1: #0a7566;
$color-2: #684781;
$color-3: #951c64;
$color-4: #b91d52;
$color-5: #2c1b1c;

TAILWIND

colors: {
  'brand-1': '#0a7566',
  'brand-2': '#684781',
  'brand-3': '#951c64',
  'brand-4': '#b91d52',
  'brand-5': '#2c1b1c',
}

RGB Array

[10, 117, 102], [104, 71, 129], [149, 28, 100], [185, 29, 82], [44, 27, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #0A7566, #684781, #951C64, #B91D52, #2C1B1C is ideal for: tech websites, dark mode UIs, game UIs. 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: #0a7566; --color-2: #684781; --color-3: #951c64; --color-4: #b91d52; --color-5: #2c1b1c. 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. 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