← Back to Editor

#3C1C2D · #4C3442 · #B0279B · #FC1F6C · #EFAEAC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#3C1C2D

Rose Purple · DarkSlateGray · Raspberry

HEX
#3C1C2D
RGB
rgb(60, 28, 45)
HSL
hsl(328, 36%, 17%)
HSB
hsb(328, 53%, 24%)
CMYK
cmyk(0%, 53%, 25%, 76%)
Oklch
oklch(27.8% 0.056 348.2)

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

#4C3442

Rose Purple · DarkSlateGray · Raspberry

HEX
#4C3442
RGB
rgb(76, 52, 66)
HSL
hsl(325, 19%, 25%)
HSB
hsb(325, 32%, 30%)
CMYK
cmyk(0%, 32%, 13%, 70%)
Oklch
oklch(35.8% 0.041 343.5)

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

#B0279B

Rose Purple · MediumVioletRed · Violet

HEX
#B0279B
RGB
rgb(176, 39, 155)
HSL
hsl(309, 64%, 42%)
HSB
hsb(309, 78%, 69%)
CMYK
cmyk(0%, 78%, 12%, 31%)
Oklch
oklch(53.5% 0.209 335.3)

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

#FC1F6C

Dark Violet · DeepPink · Rose Pink

HEX
#FC1F6C
RGB
rgb(252, 31, 108)
HSL
hsl(339, 97%, 55%)
HSB
hsb(339, 88%, 99%)
CMYK
cmyk(0%, 88%, 57%, 1%)
Oklch
oklch(64.2% 0.245 9.4)

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

#EFAEAC

Peach Pink · LightPink · Cherry Blossom

HEX
#EFAEAC
RGB
rgb(239, 174, 172)
HSL
hsl(2, 68%, 81%)
HSB
hsb(2, 28%, 94%)
CMYK
cmyk(0%, 27%, 28%, 6%)
Oklch
oklch(81.1% 0.077 20.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C1C2D
1C3B2A

Analogous

3A1C3B
3C1C2D
3B1C1D

Triadic

3C1C2D
2C3B1C
1C2C3B

Split-Comp.

3C1C2D
1D3B1C
1C3B3A

Tetradic

3C1C2D
3B3A1C
1C3B2A
1C1D3B

Contrast Matrix WCAG 2.1 Contrast

3C1C2D
4C3442
B0279B
FC1F6C
EFAEAC
—
1.3
Fail
2.6
Fail
4.0
AA Large
8.1
AAA
1.3
Fail
—
1.9
Fail
3.0
Fail
6.0
AA
2.6
Fail
1.9
Fail
—
1.5
Fail
3.1
AA Large
4.0
AA Large
3.0
Fail
1.5
Fail
—
2.0
Fail
8.1
AAA
6.0
AA
3.1
AA Large
2.0
Fail
—
White BG
15.0AAA
11.2AAA
5.8AA
3.8AA Large
1.9Fail
Black BG
1.4Fail
1.9Fail
3.6AA Large
5.6AA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E29
42413F
75737F
9C9A59
D3D2AC

Deuteranopia

303228
43453E
7D8778
A9BA55
D7DBAD

Tritanopia

3A2625
4B3C3B
A96964
F14B47
ECADAD

Achromatopsia

282828
3D3D3D
5D5D5D
6A6A6A
C1C1C1

Shades & Tints Shades & Tints

#3C1C2D

Dark
Light

#4C3442

Dark
Light

#B0279B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c1c2d;
  --color-2: #4c3442;
  --color-3: #b0279b;
  --color-4: #fc1f6c;
  --color-5: #efaeac;
}

SCSS

$color-1: #3c1c2d;
$color-2: #4c3442;
$color-3: #b0279b;
$color-4: #fc1f6c;
$color-5: #efaeac;

TAILWIND

colors: {
  'brand-1': '#3c1c2d',
  'brand-2': '#4c3442',
  'brand-3': '#b0279b',
  'brand-4': '#fc1f6c',
  'brand-5': '#efaeac',
}

RGB Array

[60, 28, 45], [76, 52, 66], [176, 39, 155], [252, 31, 108], [239, 174, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3C1C2D, #4C3442, #B0279B, #FC1F6C, #EFAEAC 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: #3c1c2d; --color-2: #4c3442; --color-3: #b0279b; --color-4: #fc1f6c; --color-5: #efaeac. 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 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