← Back to Editor

#3C363C · #56169E · #CA3419 · #1D745B · #EE21AC

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 App

Color Details Color Details

#3C363C

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3C363C
RGB
rgb(60, 54, 60)
HSL
hsl(300, 5%, 22%)
HSB
hsb(300, 10%, 24%)
CMYK
cmyk(0%, 10%, 0%, 76%)
Oklch
oklch(34.1% 0.013 325.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#56169E

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#56169E
RGB
rgb(86, 22, 158)
HSL
hsl(268, 76%, 35%)
HSB
hsb(268, 86%, 62%)
CMYK
cmyk(46%, 86%, 0%, 38%)
Oklch
oklch(39.4% 0.194 297.3)

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

#CA3419

Vermilion · FireBrick · Passion Red

HEX
#CA3419
RGB
rgb(202, 52, 25)
HSL
hsl(9, 78%, 45%)
HSB
hsb(9, 88%, 79%)
CMYK
cmyk(0%, 74%, 88%, 21%)
Oklch
oklch(55.4% 0.191 32.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#1D745B

Mineral Blue · SeaGreen · Mint Ice

HEX
#1D745B
RGB
rgb(29, 116, 91)
HSL
hsl(163, 60%, 28%)
HSB
hsb(163, 75%, 45%)
CMYK
cmyk(75%, 0%, 22%, 55%)
Oklch
oklch(50.2% 0.090 169.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#EE21AC

Rose Purple · DeepPink · Violet

HEX
#EE21AC
RGB
rgb(238, 33, 172)
HSL
hsl(319, 86%, 53%)
HSB
hsb(319, 86%, 93%)
CMYK
cmyk(0%, 86%, 28%, 7%)
Oklch
oklch(64.0% 0.256 346.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C363C
353B35

Analogous

38353B
3C363C
3B3538

Triadic

3C363C
3B3B35
353B3B

Split-Comp.

3C363C
383B35
353B38

Tetradic

3C363C
3B3835
353B35
35383B

Contrast Matrix WCAG 2.1 Contrast

3C363C
56169E
CA3419
1D745B
EE21AC
—
1.1
Fail
2.3
Fail
2.1
Fail
3.1
AA Large
1.1
Fail
—
2.0
Fail
1.8
Fail
2.7
Fail
2.3
Fail
2.0
Fail
—
1.1
Fail
1.4
Fail
2.1
Fail
1.8
Fail
1.1
Fail
—
1.5
Fail
3.1
AA Large
2.7
Fail
1.4
Fail
1.5
Fail
—
White BG
11.8AAA
10.5AAA
5.2AA
5.7AA
3.9AA Large
Black BG
1.8Fail
2.0Fail
4.0AA Large
3.7AA Large
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

39393B
3A3A7D
898820
434361
95938A

Deuteranopia

3A3A3A
3E4375
929D21
3E3763
A1B182

Tritanopia

3C3939
53635D
C22526
216667
E4706A

Achromatopsia

383838
393939
5E5E5E
575757
6E6E6E

Shades & Tints Shades & Tints

#3C363C

Dark
Light

#56169E

Dark
Light

#CA3419

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c363c;
  --color-2: #56169e;
  --color-3: #ca3419;
  --color-4: #1d745b;
  --color-5: #ee21ac;
}

SCSS

$color-1: #3c363c;
$color-2: #56169e;
$color-3: #ca3419;
$color-4: #1d745b;
$color-5: #ee21ac;

TAILWIND

colors: {
  'brand-1': '#3c363c',
  'brand-2': '#56169e',
  'brand-3': '#ca3419',
  'brand-4': '#1d745b',
  'brand-5': '#ee21ac',
}

RGB Array

[60, 54, 60], [86, 22, 158], [202, 52, 25], [29, 116, 91], [238, 33, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3C363C, #56169E, #CA3419, #1D745B, #EE21AC is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #3c363c; --color-2: #56169e; --color-3: #ca3419; --color-4: #1d745b; --color-5: #ee21ac. 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. 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