← Back to Editor

#E2E1E1 · #AF537C · #762855 · #4C1C6B · #351388

space

A 5-color space 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

#E2E1E1

Plain White · LightGray · Cloud White

HEX
#E2E1E1
RGB
rgb(226, 225, 225)
HSL
hsl(0, 2%, 88%)
HSB
hsb(0, 0%, 89%)
CMYK
cmyk(0%, 0%, 0%, 11%)
Oklch
oklch(91.1% 0.001 17.2)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#AF537C

Dark Violet · Gray · Rose Pink

HEX
#AF537C
RGB
rgb(175, 83, 124)
HSL
hsl(333, 37%, 51%)
HSB
hsb(333, 53%, 69%)
CMYK
cmyk(0%, 53%, 29%, 31%)
Oklch
oklch(56.8% 0.128 354.0)

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

#762855

Rose Purple · Purple · Camellia

HEX
#762855
RGB
rgb(118, 40, 85)
HSL
hsl(325, 49%, 31%)
HSB
hsb(325, 66%, 46%)
CMYK
cmyk(0%, 66%, 28%, 54%)
Oklch
oklch(40.8% 0.121 348.1)

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

#4C1C6B

Royal Purple · DarkSlateBlue · Eggplant

HEX
#4C1C6B
RGB
rgb(76, 28, 107)
HSL
hsl(276, 59%, 26%)
HSB
hsb(276, 74%, 42%)
CMYK
cmyk(29%, 74%, 0%, 58%)
Oklch
oklch(34.1% 0.133 308.8)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#351388

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#351388
RGB
rgb(53, 19, 136)
HSL
hsl(257, 75%, 30%)
HSB
hsb(257, 86%, 53%)
CMYK
cmyk(61%, 86%, 0%, 47%)
Oklch
oklch(33.2% 0.173 285.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2E1E1
E0E1E1

Analogous

E1E0E0
E2E1E1
E1E0E0

Triadic

E2E1E1
E0E1E0
E0E0E1

Split-Comp.

E2E1E1
E0E1E0
E0E0E1

Tetradic

E2E1E1
E0E1E0
E0E1E1
E0E0E1

Contrast Matrix WCAG 2.1 Contrast

E2E1E1
AF537C
762855
4C1C6B
351388
—
3.7
AA Large
7.3
AAA
9.5
AAA
10.1
AAA
3.7
AA Large
—
2.0
Fail
2.6
Fail
2.7
Fail
7.3
AAA
2.0
Fail
—
1.3
Fail
1.4
Fail
9.5
AAA
2.6
Fail
1.3
Fail
—
1.1
Fail
10.1
AAA
2.7
Fail
1.4
Fail
1.1
Fail
—
White BG
1.3Fail
4.8AA
9.5AAA
12.5AAA
13.1AAA
Black BG
16.1AAA
4.4AA Large
2.2Fail
1.7Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2E1
878672
54544A
373758
26266C

Deuteranopia

E2E2E1
8D9370
595F48
3A3E53
282B65

Tritanopia

E2E1E1
AA6A69
724240
4A4945
335550

Achromatopsia

E1E1E1
737373
444444
333333
2B2B2B

Shades & Tints Shades & Tints

#E2E1E1

Dark
Light

#AF537C

Dark
Light

#762855

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2e1e1;
  --color-2: #af537c;
  --color-3: #762855;
  --color-4: #4c1c6b;
  --color-5: #351388;
}

SCSS

$color-1: #e2e1e1;
$color-2: #af537c;
$color-3: #762855;
$color-4: #4c1c6b;
$color-5: #351388;

TAILWIND

colors: {
  'brand-1': '#e2e1e1',
  'brand-2': '#af537c',
  'brand-3': '#762855',
  'brand-4': '#4c1c6b',
  'brand-5': '#351388',
}

RGB Array

[226, 225, 225], [175, 83, 124], [118, 40, 85], [76, 28, 107], [53, 19, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #E2E1E1, #AF537C, #762855, #4C1C6B, #351388 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: #e2e1e1; --color-2: #af537c; --color-3: #762855; --color-4: #4c1c6b; --color-5: #351388. 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 space-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