← Back to Editor

#A0739E · #434983 · #457C91 · #A81839 · #EBD27A

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 Library

Color Details Color Details

#A0739E

Rose Purple · Gray · Violet

HEX
#A0739E
RGB
rgb(160, 115, 158)
HSL
hsl(303, 19%, 54%)
HSB
hsb(303, 28%, 63%)
CMYK
cmyk(0%, 28%, 1%, 37%)
Oklch
oklch(61.5% 0.082 328.0)

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

#434983

Indigo · DarkSlateBlue · Prussian Blue

HEX
#434983
RGB
rgb(67, 73, 131)
HSL
hsl(234, 32%, 39%)
HSB
hsb(234, 49%, 51%)
CMYK
cmyk(49%, 44%, 0%, 49%)
Oklch
oklch(42.9% 0.096 277.1)

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

#457C91

Slate Blue · SteelBlue · Mint Ice

HEX
#457C91
RGB
rgb(69, 124, 145)
HSL
hsl(197, 36%, 42%)
HSB
hsb(197, 52%, 57%)
CMYK
cmyk(52%, 14%, 0%, 43%)
Oklch
oklch(55.7% 0.067 224.9)

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

#A81839

Vermilion · Brown · Wine Red

HEX
#A81839
RGB
rgb(168, 24, 57)
HSL
hsl(346, 75%, 38%)
HSB
hsb(346, 86%, 66%)
CMYK
cmyk(0%, 86%, 66%, 34%)
Oklch
oklch(47.5% 0.176 15.9)

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

#EBD27A

Ginger · Khaki · Sunflower

HEX
#EBD27A
RGB
rgb(235, 210, 122)
HSL
hsl(47, 74%, 70%)
HSB
hsb(47, 48%, 92%)
CMYK
cmyk(0%, 11%, 48%, 8%)
Oklch
oklch(86.6% 0.112 94.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0739E
73A076

Analogous

8C73A0
A0739E
A07387

Triadic

A0739E
9EA073
739EA0

Split-Comp.

A0739E
87A073
73A08C

Tetradic

A0739E
A08C73
73A076
7387A0

Contrast Matrix WCAG 2.1 Contrast

A0739E
434983
457C91
A81839
EBD27A
—
2.2
Fail
1.2
Fail
1.9
Fail
2.6
Fail
2.2
Fail
—
1.8
Fail
1.1
Fail
5.6
AA
1.2
Fail
1.8
Fail
—
1.6
Fail
3.1
AA Large
1.9
Fail
1.1
Fail
1.6
Fail
—
4.9
AA
2.6
Fail
5.6
AA
3.1
AA Large
4.9
AA
—
White BG
3.9AA Large
8.3AAA
4.6AA
7.4AAA
1.5Fail
Black BG
5.4AA
2.5Fail
4.5AA
2.9Fail
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8C94
464675
5D5D8C
6A6831
E0E08F

Deuteranopia

8F9391
454572
5A568B
727D2F
E2E494

Tritanopia

9E8B8A
436A67
488887
A12B29
EAA0A4

Achromatopsia

858585
4E4E4E
6E6E6E
474747
CFCFCF

Shades & Tints Shades & Tints

#A0739E

Dark
Light

#434983

Dark
Light

#457C91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0739e;
  --color-2: #434983;
  --color-3: #457c91;
  --color-4: #a81839;
  --color-5: #ebd27a;
}

SCSS

$color-1: #a0739e;
$color-2: #434983;
$color-3: #457c91;
$color-4: #a81839;
$color-5: #ebd27a;

TAILWIND

colors: {
  'brand-1': '#a0739e',
  'brand-2': '#434983',
  'brand-3': '#457c91',
  'brand-4': '#a81839',
  'brand-5': '#ebd27a',
}

RGB Array

[160, 115, 158], [67, 73, 131], [69, 124, 145], [168, 24, 57], [235, 210, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0739E, #434983, #457C91, #A81839, #EBD27A 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: #a0739e; --color-2: #434983; --color-3: #457c91; --color-4: #a81839; --color-5: #ebd27a. 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 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