← Back to Editor

#3D1631 · #913B5A · #FCD6CD · #F18686 · #F06676

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#3D1631

Rose Purple · DarkSlateGray · Dark Purple

HEX
#3D1631
RGB
rgb(61, 22, 49)
HSL
hsl(318, 47%, 16%)
HSB
hsb(318, 64%, 24%)
CMYK
cmyk(0%, 64%, 20%, 76%)
Oklch
oklch(27.1% 0.072 341.0)

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

#913B5A

Dark Violet · Sienna · Camellia

HEX
#913B5A
RGB
rgb(145, 59, 90)
HSL
hsl(338, 42%, 40%)
HSB
hsb(338, 59%, 57%)
CMYK
cmyk(0%, 59%, 38%, 43%)
Oklch
oklch(47.8% 0.120 0.2)

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

#FCD6CD

Peach Pink · Bisque · Cherry Blossom

HEX
#FCD6CD
RGB
rgb(252, 214, 205)
HSL
hsl(11, 89%, 90%)
HSB
hsb(11, 19%, 99%)
CMYK
cmyk(0%, 15%, 19%, 1%)
Oklch
oklch(90.6% 0.045 33.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F18686

Peach Pink · LightCoral · Coral Red

HEX
#F18686
RGB
rgb(241, 134, 134)
HSL
hsl(0, 79%, 74%)
HSB
hsb(0, 44%, 95%)
CMYK
cmyk(0%, 44%, 44%, 5%)
Oklch
oklch(73.7% 0.131 20.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F06676

Peach Pink · LightCoral · Coral Red

HEX
#F06676
RGB
rgb(240, 102, 118)
HSL
hsl(353, 82%, 67%)
HSB
hsb(353, 57%, 94%)
CMYK
cmyk(0%, 57%, 51%, 6%)
Oklch
oklch(68.6% 0.170 15.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D1631
163C21

Analogous

34163C
3D1631
3C161D

Triadic

3D1631
303C16
16303C

Split-Comp.

3D1631
1D3C16
163C34

Tetradic

3D1631
3C3416
163C21
161D3C

Contrast Matrix WCAG 2.1 Contrast

3D1631
913B5A
FCD6CD
F18686
F06676
—
2.2
Fail
11.5
AAA
6.3
AA
5.1
AA
2.2
Fail
—
5.3
AA
2.9
Fail
2.3
Fail
11.5
AAA
5.3
AA
—
1.8
Fail
2.3
Fail
6.3
AA
2.9
Fail
1.8
Fail
—
1.2
Fail
5.1
AA
2.3
Fail
2.3
Fail
1.2
Fail
—
White BG
15.5AAA
7.1AAA
1.3Fail
2.5Fail
3.1AA Large
Black BG
1.4Fail
3.0Fail
15.6AAA
8.5AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C2A
6C6B52
ECEBCF
C3C286
B4B372

Deuteranopia

2E3129
717751
EEF1D0
C9D186
BCC771

Tritanopia

3B2524
8D4D4B
FAD1D1
EC8686
E96F6E

Achromatopsia

252525
585858
E0E0E0
A6A6A6
919191

Shades & Tints Shades & Tints

#3D1631

Dark
Light

#913B5A

Dark
Light

#FCD6CD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d1631;
  --color-2: #913b5a;
  --color-3: #fcd6cd;
  --color-4: #f18686;
  --color-5: #f06676;
}

SCSS

$color-1: #3d1631;
$color-2: #913b5a;
$color-3: #fcd6cd;
$color-4: #f18686;
$color-5: #f06676;

TAILWIND

colors: {
  'brand-1': '#3d1631',
  'brand-2': '#913b5a',
  'brand-3': '#fcd6cd',
  'brand-4': '#f18686',
  'brand-5': '#f06676',
}

RGB Array

[61, 22, 49], [145, 59, 90], [252, 214, 205], [241, 134, 134], [240, 102, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3D1631, #913B5A, #FCD6CD, #F18686, #F06676 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: #3d1631; --color-2: #913b5a; --color-3: #fcd6cd; --color-4: #f18686; --color-5: #f06676. 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