← Back to Editor

#F3BCD3 · #E04250 · #841A30 · #390E21 · #2E3C3F

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

#F3BCD3

Rouge · Pink · Cherry Blossom

HEX
#F3BCD3
RGB
rgb(243, 188, 211)
HSL
hsl(335, 70%, 85%)
HSB
hsb(335, 23%, 95%)
CMYK
cmyk(0%, 23%, 13%, 5%)
Oklch
oklch(85.1% 0.070 351.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E04250

Vermilion · Tomato · Passion Red

HEX
#E04250
RGB
rgb(224, 66, 80)
HSL
hsl(355, 72%, 57%)
HSB
hsb(355, 71%, 88%)
CMYK
cmyk(0%, 71%, 64%, 12%)
Oklch
oklch(61.2% 0.194 20.3)

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

#841A30

Vermilion · Brown · Wine Red

HEX
#841A30
RGB
rgb(132, 26, 48)
HSL
hsl(348, 67%, 31%)
HSB
hsb(348, 80%, 52%)
CMYK
cmyk(0%, 80%, 64%, 48%)
Oklch
oklch(40.6% 0.140 15.0)

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

#390E21

Dark Violet · Black · Raspberry

HEX
#390E21
RGB
rgb(57, 14, 33)
HSL
hsl(333, 61%, 14%)
HSB
hsb(333, 75%, 22%)
CMYK
cmyk(0%, 75%, 42%, 78%)
Oklch
oklch(24.4% 0.071 356.5)

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

#2E3C3F

Slate Blue · DarkSlateGray · Peacock Green

HEX
#2E3C3F
RGB
rgb(46, 60, 63)
HSL
hsl(191, 16%, 21%)
HSB
hsb(191, 27%, 25%)
CMYK
cmyk(27%, 5%, 0%, 75%)
Oklch
oklch(34.5% 0.019 212.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3BCD3
BEF4DD

Analogous

F4BEEF
F3BCD3
F4C2BE

Triadic

F3BCD3
D4F4BE
BED4F4

Split-Comp.

F3BCD3
BEF4C2
BEEFF4

Tetradic

F3BCD3
EFF4BE
BEF4DD
C2BEF4

Contrast Matrix WCAG 2.1 Contrast

F3BCD3
E04250
841A30
390E21
2E3C3F
—
2.6
Fail
6.0
AA
10.3
AAA
7.1
AAA
2.6
Fail
—
2.3
Fail
4.0
AA Large
2.8
Fail
6.0
AA
2.3
Fail
—
1.7
Fail
1.2
Fail
10.3
AAA
4.0
AA Large
1.7
Fail
—
1.5
Fail
7.1
AAA
2.8
Fail
1.2
Fail
1.5
Fail
—
White BG
1.6Fail
4.1AA Large
9.7AAA
16.7AAA
11.4AAA
Black BG
12.9AAA
5.1AA
2.2Fail
1.3Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBCD
9C9A4D
56552B
26261C
34343E

Deuteranopia

DEE3CC
A5B14C
5C6429
292C1B
33323E

Tritanopia

F0C9C8
D84A49
7F2626
371918
2F3E3E

Achromatopsia

CFCFCF
737373
3C3C3C
1D1D1D
383838

Shades & Tints Shades & Tints

#F3BCD3

Dark
Light

#E04250

Dark
Light

#841A30

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3bcd3;
  --color-2: #e04250;
  --color-3: #841a30;
  --color-4: #390e21;
  --color-5: #2e3c3f;
}

SCSS

$color-1: #f3bcd3;
$color-2: #e04250;
$color-3: #841a30;
$color-4: #390e21;
$color-5: #2e3c3f;

TAILWIND

colors: {
  'brand-1': '#f3bcd3',
  'brand-2': '#e04250',
  'brand-3': '#841a30',
  'brand-4': '#390e21',
  'brand-5': '#2e3c3f',
}

RGB Array

[243, 188, 211], [224, 66, 80], [132, 26, 48], [57, 14, 33], [46, 60, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #F3BCD3, #E04250, #841A30, #390E21, #2E3C3F is ideal for: 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: #f3bcd3; --color-2: #e04250; --color-3: #841a30; --color-4: #390e21; --color-5: #2e3c3f. 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 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