← Back to Editor

#8A90C4 · #4F3CD4 · #291753 · #39132C · #EE5907

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

#8A90C4

Azure · LightSlateGray · Cobalt Blue

HEX
#8A90C4
RGB
rgb(138, 144, 196)
HSL
hsl(234, 33%, 65%)
HSB
hsb(234, 30%, 77%)
CMYK
cmyk(30%, 27%, 0%, 23%)
Oklch
oklch(66.8% 0.077 279.0)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#4F3CD4

Deep Indigo · SlateBlue · Navy Blue

HEX
#4F3CD4
RGB
rgb(79, 60, 212)
HSL
hsl(248, 64%, 53%)
HSB
hsb(248, 72%, 83%)
CMYK
cmyk(63%, 72%, 0%, 17%)
Oklch
oklch(48.1% 0.220 279.8)

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

#291753

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#291753
RGB
rgb(41, 23, 83)
HSL
hsl(258, 57%, 21%)
HSB
hsb(258, 72%, 33%)
CMYK
cmyk(51%, 72%, 0%, 67%)
Oklch
oklch(26.9% 0.103 291.7)

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

#39132C

Rose Purple · DarkSlateGray · Raspberry

HEX
#39132C
RGB
rgb(57, 19, 44)
HSL
hsl(321, 50%, 15%)
HSB
hsb(321, 67%, 22%)
CMYK
cmyk(0%, 67%, 23%, 78%)
Oklch
oklch(25.7% 0.070 342.9)

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

#EE5907

Tangerine · OrangeRed · Amber Brown

HEX
#EE5907
RGB
rgb(238, 89, 7)
HSL
hsl(21, 94%, 48%)
HSB
hsb(21, 97%, 93%)
CMYK
cmyk(0%, 63%, 97%, 7%)
Oklch
oklch(65.3% 0.198 41.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A90C4
C3BD88

Analogous

88ACC3
8A90C4
A088C3

Triadic

8A90C4
C3888E
8EC388

Split-Comp.

8A90C4
C3A088
ACC388

Tetradic

8A90C4
C388AC
C3BD88
88C3A0

Contrast Matrix WCAG 2.1 Contrast

8A90C4
4F3CD4
291753
39132C
EE5907
—
2.3
Fail
5.1
AA
5.3
AA
1.1
Fail
2.3
Fail
—
2.2
Fail
2.2
Fail
2.1
Fail
5.1
AA
2.2
Fail
—
1.0
Fail
4.5
AA
5.3
AA
2.2
Fail
1.0
Fail
—
4.7
AA
1.1
Fail
2.1
Fail
4.5
AA
4.7
AA
—
White BG
3.1AA Large
7.2AAA
15.7AAA
16.1AAA
3.5AA Large
Black BG
6.9AA
2.9Fail
1.3Fail
1.3Fail
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8DB7
4747AF
212144
292826
ADAC1B

Deuteranopia

8C8CB4
4849A6
222441
2B2E25
B6C120

Tritanopia

8AADAB
4E928C
283937
372120
E72B2E

Achromatopsia

949494
535353
232323
212121
7C7C7C

Shades & Tints Shades & Tints

#8A90C4

Dark
Light

#4F3CD4

Dark
Light

#291753

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a90c4;
  --color-2: #4f3cd4;
  --color-3: #291753;
  --color-4: #39132c;
  --color-5: #ee5907;
}

SCSS

$color-1: #8a90c4;
$color-2: #4f3cd4;
$color-3: #291753;
$color-4: #39132c;
$color-5: #ee5907;

TAILWIND

colors: {
  'brand-1': '#8a90c4',
  'brand-2': '#4f3cd4',
  'brand-3': '#291753',
  'brand-4': '#39132c',
  'brand-5': '#ee5907',
}

RGB Array

[138, 144, 196], [79, 60, 212], [41, 23, 83], [57, 19, 44], [238, 89, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A90C4, #4F3CD4, #291753, #39132C, #EE5907 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: #8a90c4; --color-2: #4f3cd4; --color-3: #291753; --color-4: #39132c; --color-5: #ee5907. 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