#464187 + #5E58AC + #8984CB + #D3CFA3 + #E5DB72 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#464187

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#464187

RGB

rgb(70, 65, 135)

HSL

hsl(244, 35%, 39%)

HSB

hsb(244, 52%, 53%)

CMYK

cmyk(48%, 52%, 0%, 47%)

Oklch

oklch(41.7% 0.113 283.6)

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

#5E58AC

Deep Indigo · SlateBlue · Navy Blue

HEX

#5E58AC

RGB

rgb(94, 88, 172)

HSL

hsl(244, 34%, 51%)

HSB

hsb(244, 49%, 67%)

CMYK

cmyk(45%, 49%, 0%, 33%)

Oklch

oklch(50.8% 0.130 284.0)

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

#8984CB

Wisteria · MediumSlateBlue · Cobalt Blue

HEX

#8984CB

RGB

rgb(137, 132, 203)

HSL

hsl(244, 41%, 66%)

HSB

hsb(244, 35%, 80%)

CMYK

cmyk(33%, 35%, 0%, 20%)

Oklch

oklch(64.6% 0.105 286.3)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#D3CFA3

Fresh Green · Tan · Sunflower

HEX

#D3CFA3

RGB

rgb(211, 207, 163)

HSL

hsl(55, 35%, 73%)

HSB

hsb(55, 23%, 83%)

CMYK

cmyk(0%, 2%, 23%, 17%)

Oklch

oklch(84.7% 0.059 103.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E5DB72

Fresh Green · Khaki · Sunflower

HEX

#E5DB72

RGB

rgb(229, 219, 114)

HSL

hsl(55, 69%, 67%)

HSB

hsb(55, 50%, 90%)

CMYK

cmyk(0%, 4%, 50%, 10%)

Oklch

oklch(87.8% 0.127 103.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

464187

828641

Analogous

415F86

464187

684186

Triadic

464187

864541

418645

Split-Comp.

464187

866841

5F8641

Tetradic

464187

86415F

828641

418668

Contrast Matrix WCAG 2.1 Contrast

464187	5E58AC	8984CB	D3CFA3	E5DB72
—	1.5 Fail	2.6 Fail	5.6 AA	6.2 AA
1.5 Fail	—	1.8 Fail	3.8 AA Large	4.2 AA Large
2.6 Fail	1.8 Fail	—	2.1 Fail	2.4 Fail
5.6 AA	3.8 AA Large	2.1 Fail	—	1.1 Fail
6.2 AA	4.2 AA Large	2.4 Fail	1.1 Fail	—

White BG

8.9AAA

6.1AA

3.4AA Large

1.6Fail

1.4Fail

Black BG

2.4Fail

3.5AA Large

6.2AA

13.2AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

444476

5B5B98

8787BA

D1D1AE

E1E18B

Deuteranopia

444572

5C5C93

8788B6

D2D2B0

E1E292

Tritanopia

466966

5E8884

89ACA9

D3B6B8

E49FA4

Achromatopsia

4A4A4A

636363

8E8E8E

CBCBCB

D2D2D2

Shades & Tints Shades & Tints

#464187

Dark

Light

#5E58AC

Dark

Light

#8984CB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #464187;
  --color-2: #5e58ac;
  --color-3: #8984cb;
  --color-4: #d3cfa3;
  --color-5: #e5db72;
}

SCSS

$color-1: #464187;
$color-2: #5e58ac;
$color-3: #8984cb;
$color-4: #d3cfa3;
$color-5: #e5db72;

TAILWIND

colors: {
  'brand-1': '#464187',
  'brand-2': '#5e58ac',
  'brand-3': '#8984cb',
  'brand-4': '#d3cfa3',
  'brand-5': '#e5db72',
}

RGB Array

[70, 65, 135], [94, 88, 172], [137, 132, 203], [211, 207, 163], [229, 219, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #464187, #5E58AC, #8984CB, #D3CFA3, #E5DB72 is ideal for: corporate websites, product showcases, portfolios. 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: #464187; --color-2: #5e58ac; --color-3: #8984cb; --color-4: #d3cfa3; --color-5: #e5db72. 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. 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