← Back to Editor

#AE4B7A · #956287 · #7C7A94 · #6492A1 · #4BA9AE

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

#AE4B7A

Dark Violet · MediumVioletRed · Camellia

HEX
#AE4B7A
RGB
rgb(174, 75, 122)
HSL
hsl(332, 40%, 49%)
HSB
hsb(332, 57%, 68%)
CMYK
cmyk(0%, 57%, 30%, 32%)
Oklch
oklch(55.5% 0.139 352.9)

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

#956287

Rose Purple · Gray · Violet

HEX
#956287
RGB
rgb(149, 98, 135)
HSL
hsl(316, 21%, 48%)
HSB
hsb(316, 34%, 58%)
CMYK
cmyk(0%, 34%, 9%, 42%)
Oklch
oklch(56.3% 0.083 337.3)

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

#7C7A94

Deep Indigo · SlateGray · Navy Blue

HEX
#7C7A94
RGB
rgb(124, 122, 148)
HSL
hsl(245, 11%, 53%)
HSB
hsb(245, 18%, 58%)
CMYK
cmyk(16%, 18%, 0%, 42%)
Oklch
oklch(59.0% 0.039 288.7)

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

#6492A1

Slate Blue · CadetBlue · Lake Green

HEX
#6492A1
RGB
rgb(100, 146, 161)
HSL
hsl(195, 24%, 51%)
HSB
hsb(195, 38%, 63%)
CMYK
cmyk(38%, 9%, 0%, 37%)
Oklch
oklch(63.2% 0.055 220.3)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#4BA9AE

Slate Blue · CadetBlue · Mint Ice

HEX
#4BA9AE
RGB
rgb(75, 169, 174)
HSL
hsl(183, 40%, 49%)
HSB
hsb(183, 57%, 68%)
CMYK
cmyk(57%, 3%, 0%, 32%)
Oklch
oklch(68.1% 0.088 200.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AE4B7A
4BAF80

Analogous

AF4BAC
AE4B7A
AF4E4B

Triadic

AE4B7A
7AAF4B
4B7AAF

Split-Comp.

AE4B7A
4BAF4E
4BACAF

Tetradic

AE4B7A
ACAF4B
4BAF80
4E4BAF

Contrast Matrix WCAG 2.1 Contrast

AE4B7A
956287
7C7A94
6492A1
4BA9AE
—
1.1
Fail
1.2
Fail
1.5
Fail
1.9
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
White BG
5.1AA
4.8AA
4.1AA Large
3.4AA Large
2.8Fail
Black BG
4.1AA Large
4.4AA Large
5.1AA
6.2AA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

83826F
7F7E7E
7B7B8E
78789D
7475AD

Deuteranopia

89906C
82867C
7B7B8C
75729D
6E67AD

Tritanopia

A96664
927775
7C8988
669B9A
50ACAC

Achromatopsia

6E6E6E
757575
7E7E7E
868686
8D8D8D

Shades & Tints Shades & Tints

#AE4B7A

Dark
Light

#956287

Dark
Light

#7C7A94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ae4b7a;
  --color-2: #956287;
  --color-3: #7c7a94;
  --color-4: #6492a1;
  --color-5: #4ba9ae;
}

SCSS

$color-1: #ae4b7a;
$color-2: #956287;
$color-3: #7c7a94;
$color-4: #6492a1;
$color-5: #4ba9ae;

TAILWIND

colors: {
  'brand-1': '#ae4b7a',
  'brand-2': '#956287',
  'brand-3': '#7c7a94',
  'brand-4': '#6492a1',
  'brand-5': '#4ba9ae',
}

RGB Array

[174, 75, 122], [149, 98, 135], [124, 122, 148], [100, 146, 161], [75, 169, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AE4B7A, #956287, #7C7A94, #6492A1, #4BA9AE is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ae4b7a; --color-2: #956287; --color-3: #7c7a94; --color-4: #6492a1; --color-5: #4ba9ae. 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. Restrained colors convey professionalism and trust. 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