← Back to Editor

#F6EBCF · #9F013C · #7C0138 · #391C3A · #3F2E62

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

#F6EBCF

Goose Yellow · Bisque · Lemon Cream

HEX
#F6EBCF
RGB
rgb(246, 235, 207)
HSL
hsl(43, 68%, 89%)
HSB
hsb(43, 16%, 96%)
CMYK
cmyk(0%, 4%, 16%, 4%)
Oklch
oklch(94.1% 0.039 89.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#9F013C

Dark Violet · Brown · Camellia

HEX
#9F013C
RGB
rgb(159, 1, 60)
HSL
hsl(338, 99%, 31%)
HSB
hsb(338, 99%, 62%)
CMYK
cmyk(0%, 99%, 62%, 38%)
Oklch
oklch(44.9% 0.179 10.9)

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

#7C0138

Dark Violet · Maroon · Raspberry

HEX
#7C0138
RGB
rgb(124, 1, 56)
HSL
hsl(333, 98%, 25%)
HSB
hsb(333, 99%, 49%)
CMYK
cmyk(0%, 99%, 55%, 51%)
Oklch
oklch(37.8% 0.151 4.3)

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

#391C3A

Dark Plum · DarkSlateGray · Dark Purple

HEX
#391C3A
RGB
rgb(57, 28, 58)
HSL
hsl(298, 35%, 17%)
HSB
hsb(298, 52%, 23%)
CMYK
cmyk(2%, 52%, 0%, 77%)
Oklch
oklch(28.0% 0.066 325.9)

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

#3F2E62

Deep Indigo · DarkSlateGray · Eggplant

HEX
#3F2E62
RGB
rgb(63, 46, 98)
HSL
hsl(260, 36%, 28%)
HSB
hsb(260, 53%, 38%)
CMYK
cmyk(36%, 53%, 0%, 62%)
Oklch
oklch(34.7% 0.089 296.6)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6EBCF
D0DBF6

Analogous

F6D8D0
F6EBCF
EEF6D0

Triadic

F6EBCF
D0F6EB
EBD0F6

Split-Comp.

F6EBCF
D0EEF6
D8D0F6

Tetradic

F6EBCF
D0F6D8
D0DBF6
F6D0EE

Contrast Matrix WCAG 2.1 Contrast

F6EBCF
9F013C
7C0138
391C3A
3F2E62
—
7.0
AA
9.2
AAA
12.6
AAA
10.0
AAA
7.0
AA
—
1.3
Fail
1.8
Fail
1.4
Fail
9.2
AAA
1.3
Fail
—
1.4
Fail
1.1
Fail
12.6
AAA
1.8
Fail
1.4
Fail
—
1.3
Fail
10.0
AAA
1.4
Fail
1.1
Fail
1.3
Fail
—
White BG
1.2Fail
8.3AAA
10.9AAA
15.0AAA
11.8AAA
Black BG
17.7AAA
2.5Fail
1.9Fail
1.4Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1D6
5B592E
47462B
2C2C33
383755

Deuteranopia

F2F3D7
64702A
4E5727
2E3031
393A52

Tritanopia

F5DBDC
972220
76201E
382D2C
3E4B49

Achromatopsia

EBEBEB
373737
2C2C2C
282828
393939

Shades & Tints Shades & Tints

#F6EBCF

Dark
Light

#9F013C

Dark
Light

#7C0138

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6ebcf;
  --color-2: #9f013c;
  --color-3: #7c0138;
  --color-4: #391c3a;
  --color-5: #3f2e62;
}

SCSS

$color-1: #f6ebcf;
$color-2: #9f013c;
$color-3: #7c0138;
$color-4: #391c3a;
$color-5: #3f2e62;

TAILWIND

colors: {
  'brand-1': '#f6ebcf',
  'brand-2': '#9f013c',
  'brand-3': '#7c0138',
  'brand-4': '#391c3a',
  'brand-5': '#3f2e62',
}

RGB Array

[246, 235, 207], [159, 1, 60], [124, 1, 56], [57, 28, 58], [63, 46, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6EBCF, #9F013C, #7C0138, #391C3A, #3F2E62 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #f6ebcf; --color-2: #9f013c; --color-3: #7c0138; --color-4: #391c3a; --color-5: #3f2e62. 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. 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