← Back to Editor

#93579F · #4C3897 · #5F7FB8 · #FFC3CC · #E992BD

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#93579F

Dark Plum · Gray · Violet

HEX
#93579F
RGB
rgb(147, 87, 159)
HSL
hsl(290, 29%, 48%)
HSB
hsb(290, 45%, 62%)
CMYK
cmyk(8%, 45%, 0%, 38%)
Oklch
oklch(55.3% 0.127 320.8)

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

#4C3897

Deep Indigo · DarkSlateBlue · Navy Blue

HEX
#4C3897
RGB
rgb(76, 56, 151)
HSL
hsl(253, 46%, 41%)
HSB
hsb(253, 63%, 59%)
CMYK
cmyk(50%, 63%, 0%, 41%)
Oklch
oklch(41.8% 0.148 287.9)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#5F7FB8

Azure · SteelBlue · Navy Blue

HEX
#5F7FB8
RGB
rgb(95, 127, 184)
HSL
hsl(218, 39%, 55%)
HSB
hsb(218, 48%, 72%)
CMYK
cmyk(48%, 31%, 0%, 28%)
Oklch
oklch(59.6% 0.095 261.5)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#FFC3CC

Peach Pink · Pink · Cherry Blossom

HEX
#FFC3CC
RGB
rgb(255, 195, 204)
HSL
hsl(351, 100%, 88%)
HSB
hsb(351, 24%, 100%)
CMYK
cmyk(0%, 24%, 20%, 0%)
Oklch
oklch(87.3% 0.070 8.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E992BD

Rouge · LightPink · Rose Pink

HEX
#E992BD
RGB
rgb(233, 146, 189)
HSL
hsl(330, 66%, 74%)
HSB
hsb(330, 37%, 91%)
CMYK
cmyk(0%, 37%, 19%, 9%)
Oklch
oklch(76.1% 0.117 349.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93579F
639E57

Analogous

6F579E
93579F
9E5786

Triadic

93579F
9E9257
579E92

Split-Comp.

93579F
869E57
579E6F

Tetradic

93579F
9E6F57
639E57
57869E

Contrast Matrix WCAG 2.1 Contrast

93579F
4C3897
5F7FB8
FFC3CC
E992BD
—
1.8
Fail
1.3
Fail
3.4
AA Large
2.3
Fail
1.8
Fail
—
2.2
Fail
6.0
AA
4.0
AA Large
1.3
Fail
2.2
Fail
—
2.7
Fail
1.8
Fail
3.4
AA Large
6.0
AA
2.7
Fail
—
1.5
Fail
2.3
Fail
4.0
AA Large
1.8
Fail
1.5
Fail
—
White BG
5.1AA
9.1AAA
4.0AA Large
1.5Fail
2.3Fail
Black BG
4.1AA Large
2.3Fail
5.2AA
13.9AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

79788E
434380
6D6DAA
E5E4CA
C3C3B3

Deuteranopia

7D8189
45467A
6B69A7
E9EDC9
C8CFB0

Tritanopia

90807D
4B6E6A
619F9D
FCC8C8
E5AAA9

Achromatopsia

717171
494949
7C7C7C
D6D6D6
B1B1B1

Shades & Tints Shades & Tints

#93579F

Dark
Light

#4C3897

Dark
Light

#5F7FB8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93579f;
  --color-2: #4c3897;
  --color-3: #5f7fb8;
  --color-4: #ffc3cc;
  --color-5: #e992bd;
}

SCSS

$color-1: #93579f;
$color-2: #4c3897;
$color-3: #5f7fb8;
$color-4: #ffc3cc;
$color-5: #e992bd;

TAILWIND

colors: {
  'brand-1': '#93579f',
  'brand-2': '#4c3897',
  'brand-3': '#5f7fb8',
  'brand-4': '#ffc3cc',
  'brand-5': '#e992bd',
}

RGB Array

[147, 87, 159], [76, 56, 151], [95, 127, 184], [255, 195, 204], [233, 146, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93579F, #4C3897, #5F7FB8, #FFC3CC, #E992BD 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: #93579f; --color-2: #4c3897; --color-3: #5f7fb8; --color-4: #ffc3cc; --color-5: #e992bd. 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