← Back to Editor

#3A2C4F · #FFF9E7 · #EF9B9B · #A53563 · #C43F76

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

#3A2C4F

Deep Indigo · DarkSlateGray · Eggplant

HEX
#3A2C4F
RGB
rgb(58, 44, 79)
HSL
hsl(264, 28%, 24%)
HSB
hsb(264, 44%, 31%)
CMYK
cmyk(27%, 44%, 0%, 69%)
Oklch
oklch(32.6% 0.063 301.4)

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

#FFF9E7

Goose Yellow · SeaShell · Lemon Cream

HEX
#FFF9E7
RGB
rgb(255, 249, 231)
HSL
hsl(45, 100%, 95%)
HSB
hsb(45, 9%, 100%)
CMYK
cmyk(0%, 2%, 9%, 0%)
Oklch
oklch(98.2% 0.024 91.6)

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

#EF9B9B

Peach Pink · DarkSalmon · Coral Red

HEX
#EF9B9B
RGB
rgb(239, 155, 155)
HSL
hsl(0, 72%, 77%)
HSB
hsb(0, 35%, 94%)
CMYK
cmyk(0%, 35%, 35%, 6%)
Oklch
oklch(77.4% 0.101 19.6)

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

#A53563

Dark Violet · MediumVioletRed · Camellia

HEX
#A53563
RGB
rgb(165, 53, 99)
HSL
hsl(335, 51%, 43%)
HSB
hsb(335, 68%, 65%)
CMYK
cmyk(0%, 68%, 40%, 35%)
Oklch
oklch(50.6% 0.152 358.9)

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

#C43F76

Dark Violet · MediumVioletRed · Rose Pink

HEX
#C43F76
RGB
rgb(196, 63, 118)
HSL
hsl(335, 53%, 51%)
HSB
hsb(335, 68%, 77%)
CMYK
cmyk(0%, 68%, 40%, 23%)
Oklch
oklch(57.3% 0.175 358.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3A2C4F
414E2C

Analogous

2C2F4E
3A2C4F
4B2C4E

Triadic

3A2C4F
4E3A2C
2C4E3A

Split-Comp.

3A2C4F
4E4B2C
2F4E2C

Tetradic

3A2C4F
4E2C2F
414E2C
2C4E4B

Contrast Matrix WCAG 2.1 Contrast

3A2C4F
FFF9E7
EF9B9B
A53563
C43F76
—
12.1
AAA
5.9
AA
2.0
Fail
2.6
Fail
12.1
AAA
—
2.0
Fail
6.1
AA
4.6
AA
5.9
AA
2.0
Fail
—
3.0
Fail
2.3
Fail
2.0
Fail
6.1
AA
3.0
Fail
—
1.3
Fail
2.6
Fail
4.6
AA
2.3
Fail
1.3
Fail
—
White BG
12.7AAA
1.1Fail
2.1Fail
6.4AA
4.9AA
Black BG
1.7Fail
20.0AAA
9.8AAA
3.3AA Large
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

343447
FCFCEB
CBCA9B
757358
8A8969

Deuteranopia

353645
FDFDEC
D0D69B
7B8355
929C66

Tritanopia

39403E
FFEFF0
EB9B9B
9F4F4D
BD5E5C

Achromatopsia

343434
F9F9F9
B4B4B4
5C5C5C
6D6D6D

Shades & Tints Shades & Tints

#3A2C4F

Dark
Light

#FFF9E7

Dark
Light

#EF9B9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3a2c4f;
  --color-2: #fff9e7;
  --color-3: #ef9b9b;
  --color-4: #a53563;
  --color-5: #c43f76;
}

SCSS

$color-1: #3a2c4f;
$color-2: #fff9e7;
$color-3: #ef9b9b;
$color-4: #a53563;
$color-5: #c43f76;

TAILWIND

colors: {
  'brand-1': '#3a2c4f',
  'brand-2': '#fff9e7',
  'brand-3': '#ef9b9b',
  'brand-4': '#a53563',
  'brand-5': '#c43f76',
}

RGB Array

[58, 44, 79], [255, 249, 231], [239, 155, 155], [165, 53, 99], [196, 63, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3A2C4F, #FFF9E7, #EF9B9B, #A53563, #C43F76 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: #3a2c4f; --color-2: #fff9e7; --color-3: #ef9b9b; --color-4: #a53563; --color-5: #c43f76. 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