← Back to Editor

#7F1949 · #DA155C · #FE094F · #F8AE95 · #313743

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

#7F1949

Dark Violet · Brown · Camellia

HEX
#7F1949
RGB
rgb(127, 25, 73)
HSL
hsl(332, 67%, 30%)
HSB
hsb(332, 80%, 50%)
CMYK
cmyk(0%, 80%, 43%, 50%)
Oklch
oklch(40.3% 0.142 357.4)

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

#DA155C

Dark Violet · Crimson · Camellia

HEX
#DA155C
RGB
rgb(218, 21, 92)
HSL
hsl(338, 82%, 47%)
HSB
hsb(338, 90%, 85%)
CMYK
cmyk(0%, 90%, 58%, 15%)
Oklch
oklch(57.4% 0.221 9.3)

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

#FE094F

Dark Violet · Crimson · Rose Pink

HEX
#FE094F
RGB
rgb(254, 9, 79)
HSL
hsl(343, 99%, 52%)
HSB
hsb(343, 96%, 100%)
CMYK
cmyk(0%, 96%, 69%, 0%)
Oklch
oklch(63.4% 0.251 17.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F8AE95

Apricot · BurlyWood · Peach Orange

HEX
#F8AE95
RGB
rgb(248, 174, 149)
HSL
hsl(15, 88%, 78%)
HSB
hsb(15, 40%, 97%)
CMYK
cmyk(0%, 30%, 40%, 3%)
Oklch
oklch(81.5% 0.094 39.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#313743

Indigo · DarkSlateGray · Prussian Blue

HEX
#313743
RGB
rgb(49, 55, 67)
HSL
hsl(220, 16%, 23%)
HSB
hsb(220, 27%, 26%)
CMYK
cmyk(27%, 18%, 0%, 74%)
Oklch
oklch(33.6% 0.023 264.2)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7F1949
198050

Analogous

80197C
7F1949
801D19

Triadic

7F1949
498019
194980

Split-Comp.

7F1949
19801D
197C80

Tetradic

7F1949
7C8019
198050
1D1980

Contrast Matrix WCAG 2.1 Contrast

7F1949
DA155C
FE094F
F8AE95
313743
—
2.0
Fail
2.5
Fail
5.4
AA
1.2
Fail
2.0
Fail
—
1.3
Fail
2.7
Fail
2.4
Fail
2.5
Fail
1.3
Fail
—
2.1
Fail
3.1
AA Large
5.4
AA
2.7
Fail
2.1
Fail
—
6.5
AA
1.2
Fail
2.4
Fail
3.1
AA Large
6.5
AA
—
White BG
9.8AAA
4.9AA
3.9AA Large
1.8Fail
11.9AAA
Black BG
2.1Fail
4.2AA Large
5.4AA
11.5AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

53523D
85834B
94923E
D8D79B
343440

Deuteranopia

59603B
909F47
A2B43A
DCE29D
33333F

Tritanopia

7A3432
D03D3A
F2312E
F4A0A1
313E3D

Achromatopsia

3D3D3D
585858
5A5A5A
C1C1C1
373737

Shades & Tints Shades & Tints

#7F1949

Dark
Light

#DA155C

Dark
Light

#FE094F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7f1949;
  --color-2: #da155c;
  --color-3: #fe094f;
  --color-4: #f8ae95;
  --color-5: #313743;
}

SCSS

$color-1: #7f1949;
$color-2: #da155c;
$color-3: #fe094f;
$color-4: #f8ae95;
$color-5: #313743;

TAILWIND

colors: {
  'brand-1': '#7f1949',
  'brand-2': '#da155c',
  'brand-3': '#fe094f',
  'brand-4': '#f8ae95',
  'brand-5': '#313743',
}

RGB Array

[127, 25, 73], [218, 21, 92], [254, 9, 79], [248, 174, 149], [49, 55, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7F1949, #DA155C, #FE094F, #F8AE95, #313743 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: #7f1949; --color-2: #da155c; --color-3: #fe094f; --color-4: #f8ae95; --color-5: #313743. 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 general-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