#DF5F49 + #A85492 + #752A8F + #43264B + #4F8297 · 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

#DF5F49

Vermilion · Tomato · Passion Red

HEX

#DF5F49

RGB

rgb(223, 95, 73)

HSL

hsl(9, 70%, 58%)

HSB

hsb(9, 67%, 87%)

CMYK

cmyk(0%, 57%, 67%, 13%)

Oklch

oklch(64.3% 0.165 31.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#A85492

Rose Purple · Gray · Violet

HEX

#A85492

RGB

rgb(168, 84, 146)

HSL

hsl(316, 33%, 49%)

HSB

hsb(316, 50%, 66%)

CMYK

cmyk(0%, 50%, 13%, 34%)

Oklch

oklch(56.8% 0.134 338.1)

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

#752A8F

Royal Purple · Purple · Eggplant

HEX

#752A8F

RGB

rgb(117, 42, 143)

HSL

hsl(285, 55%, 36%)

HSB

hsb(285, 71%, 56%)

CMYK

cmyk(18%, 71%, 0%, 44%)

Oklch

oklch(44.1% 0.167 316.0)

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

#43264B

Dark Plum · DarkSlateGray · Eggplant

HEX

#43264B

RGB

rgb(67, 38, 75)

HSL

hsl(287, 33%, 22%)

HSB

hsb(287, 49%, 29%)

CMYK

cmyk(11%, 49%, 0%, 71%)

Oklch

oklch(32.2% 0.073 318.7)

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

#4F8297

Slate Blue · SteelBlue · Mint Ice

HEX

#4F8297

RGB

rgb(79, 130, 151)

HSL

hsl(198, 31%, 45%)

HSB

hsb(198, 48%, 59%)

CMYK

cmyk(48%, 14%, 0%, 41%)

Oklch

oklch(57.9% 0.063 226.3)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DF5F49

49C8DF

Analogous

DF497D

DF5F49

DFAA49

Triadic

DF5F49

49DF5F

5F49DF

Split-Comp.

DF5F49

49DFAA

497DDF

Tetradic

DF5F49

7DDF49

49C8DF

AA49DF

Contrast Matrix WCAG 2.1 Contrast

DF5F49	A85492	752A8F	43264B	4F8297
—	1.4 Fail	2.4 Fail	3.6 AA Large	1.2 Fail
1.4 Fail	—	1.8 Fail	2.7 Fail	1.1 Fail
2.4 Fail	1.8 Fail	—	1.5 Fail	2.0 Fail
3.6 AA Large	2.7 Fail	1.5 Fail	—	3.1 AA Large
1.2 Fail	1.1 Fail	2.0 Fail	3.1 AA Large	—

White BG

3.6AA Large

4.8AA

8.5AAA

13.0AAA

4.2AA Large

Black BG

5.9AA

4.3AA Large

2.5Fail

1.6Fail

5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A64E

848383

555477

363642

656692

Deuteranopia

AFB950

898F7F

595E71

383A40

625E91

Tritanopia

D95353

A47775

71635F

423B39

528E8D

Achromatopsia

838383

747474

4C4C4C

333333

757575

Shades & Tints Shades & Tints

#DF5F49

Dark

Light

#A85492

Dark

Light

#752A8F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #df5f49;
  --color-2: #a85492;
  --color-3: #752a8f;
  --color-4: #43264b;
  --color-5: #4f8297;
}

SCSS

$color-1: #df5f49;
$color-2: #a85492;
$color-3: #752a8f;
$color-4: #43264b;
$color-5: #4f8297;

TAILWIND

colors: {
  'brand-1': '#df5f49',
  'brand-2': '#a85492',
  'brand-3': '#752a8f',
  'brand-4': '#43264b',
  'brand-5': '#4f8297',
}

RGB Array

[223, 95, 73], [168, 84, 146], [117, 42, 143], [67, 38, 75], [79, 130, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #DF5F49, #A85492, #752A8F, #43264B, #4F8297 is ideal for: corporate websites, product showcases, portfolios. 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: #df5f49; --color-2: #a85492; --color-3: #752a8f; --color-4: #43264b; --color-5: #4f8297. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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