← Back to Editor

#F49373 · #D9515D · #BA2344 · #490E48 · #12033C

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F49373

Apricot · DarkSalmon · Warm Sun

HEX
#F49373
RGB
rgb(244, 147, 115)
HSL
hsl(15, 85%, 70%)
HSB
hsb(15, 53%, 96%)
CMYK
cmyk(0%, 40%, 53%, 4%)
Oklch
oklch(75.8% 0.126 39.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D9515D

Vermilion · Tomato · Passion Red

HEX
#D9515D
RGB
rgb(217, 81, 93)
HSL
hsl(355, 64%, 58%)
HSB
hsb(355, 63%, 85%)
CMYK
cmyk(0%, 63%, 57%, 15%)
Oklch
oklch(61.9% 0.170 18.4)

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

#BA2344

Vermilion · Brown · Passion Red

HEX
#BA2344
RGB
rgb(186, 35, 68)
HSL
hsl(347, 68%, 43%)
HSB
hsb(347, 81%, 73%)
CMYK
cmyk(0%, 81%, 63%, 27%)
Oklch
oklch(51.7% 0.185 15.2)

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

#490E48

Rose Purple · MidnightBlue · Dark Purple

HEX
#490E48
RGB
rgb(73, 14, 72)
HSL
hsl(301, 68%, 17%)
HSB
hsb(301, 81%, 29%)
CMYK
cmyk(0%, 81%, 1%, 71%)
Oklch
oklch(29.5% 0.115 328.7)

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

#12033C

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#12033C
RGB
rgb(18, 3, 60)
HSL
hsl(256, 90%, 12%)
HSB
hsb(256, 95%, 24%)
CMYK
cmyk(70%, 95%, 0%, 76%)
Oklch
oklch(18.5% 0.100 284.4)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F49373
71D3F4

Analogous

F47192
F49373
F4D371

Triadic

F49373
71F492
9271F4

Split-Comp.

F49373
71F4D3
7192F4

Tetradic

F49373
92F471
71D3F4
D371F4

Contrast Matrix WCAG 2.1 Contrast

F49373
D9515D
BA2344
490E48
12033C
—
1.8
Fail
2.7
Fail
6.4
AA
8.4
AAA
1.8
Fail
—
1.5
Fail
3.7
AA Large
4.8
AA
2.7
Fail
1.5
Fail
—
2.4
Fail
3.1
AA Large
6.4
AA
3.7
AA Large
2.4
Fail
—
1.3
Fail
8.4
AAA
4.8
AA
3.1
AA Large
1.3
Fail
—
White BG
2.3Fail
4.0AA Large
6.2AA
14.6AAA
19.0AAA
Black BG
9.3AAA
5.3AA
3.4AA Large
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC97B
9E9D5A
79773C
2F2F3A
0C0B2E

Deuteranopia

D0D77D
A6B059
818D3A
333737
0C0E2B

Tritanopia

EF8182
D25857
B23634
462F2C
112321

Achromatopsia

ACACAC
7B7B7B
545454
262626
0E0E0E

Shades & Tints Shades & Tints

#F49373

Dark
Light

#D9515D

Dark
Light

#BA2344

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f49373;
  --color-2: #d9515d;
  --color-3: #ba2344;
  --color-4: #490e48;
  --color-5: #12033c;
}

SCSS

$color-1: #f49373;
$color-2: #d9515d;
$color-3: #ba2344;
$color-4: #490e48;
$color-5: #12033c;

TAILWIND

colors: {
  'brand-1': '#f49373',
  'brand-2': '#d9515d',
  'brand-3': '#ba2344',
  'brand-4': '#490e48',
  'brand-5': '#12033c',
}

RGB Array

[244, 147, 115], [217, 81, 93], [186, 35, 68], [73, 14, 72], [18, 3, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #F49373, #D9515D, #BA2344, #490E48, #12033C is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f49373; --color-2: #d9515d; --color-3: #ba2344; --color-4: #490e48; --color-5: #12033c. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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