← Back to Editor

#7C549A · #AC6188 · #D1988C · #CBCFFF · #6163AE

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

#7C549A

Dark Plum · SlateGray · Violet

HEX
#7C549A
RGB
rgb(124, 84, 154)
HSL
hsl(274, 29%, 47%)
HSB
hsb(274, 45%, 60%)
CMYK
cmyk(19%, 45%, 0%, 40%)
Oklch
oklch(51.8% 0.115 309.2)

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

#AC6188

Rose Purple · Gray · Rose Pink

HEX
#AC6188
RGB
rgb(172, 97, 136)
HSL
hsl(329, 31%, 53%)
HSB
hsb(329, 44%, 67%)
CMYK
cmyk(0%, 44%, 21%, 33%)
Oklch
oklch(59.0% 0.108 348.5)

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

#D1988C

Peach Pink · Tan · Coral Red

HEX
#D1988C
RGB
rgb(209, 152, 140)
HSL
hsl(10, 43%, 68%)
HSB
hsb(10, 33%, 82%)
CMYK
cmyk(0%, 27%, 33%, 18%)
Oklch
oklch(73.1% 0.071 32.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CBCFFF

Azure · Lavender · Sky Blue

HEX
#CBCFFF
RGB
rgb(203, 207, 255)
HSL
hsl(235, 100%, 90%)
HSB
hsb(235, 20%, 100%)
CMYK
cmyk(20%, 19%, 0%, 0%)
Oklch
oklch(86.7% 0.067 281.2)

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

#6163AE

Azure · SlateBlue · Navy Blue

HEX
#6163AE
RGB
rgb(97, 99, 174)
HSL
hsl(238, 32%, 53%)
HSB
hsb(238, 44%, 68%)
CMYK
cmyk(44%, 43%, 0%, 32%)
Oklch
oklch(53.3% 0.116 280.5)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7C549A
739B55

Analogous

5A559B
7C549A
9B5596

Triadic

7C549A
9B7C55
559B7C

Split-Comp.

7C549A
969B55
559B5A

Tetradic

7C549A
9B5A55
739B55
55969B

Contrast Matrix WCAG 2.1 Contrast

7C549A
AC6188
D1988C
CBCFFF
6163AE
—
1.3
Fail
2.4
Fail
3.9
AA Large
1.1
Fail
1.3
Fail
—
1.8
Fail
2.9
Fail
1.2
Fail
2.4
Fail
1.8
Fail
—
1.6
Fail
2.2
Fail
3.9
AA Large
2.9
Fail
1.6
Fail
—
3.6
AA Large
1.1
Fail
1.2
Fail
2.2
Fail
3.6
AA Large
—
White BG
5.8AA
4.4AA Large
2.4Fail
1.5Fail
5.4AA
Black BG
3.6AA Large
4.8AA
8.6AAA
13.9AAA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6A89
8C8B7F
B8B88F
CDCDF3
62629C

Deuteranopia

6D7085
90967C
BCC090
CDCCF1
626298

Tritanopia

7A7C79
A87775
CE9192
CBEAE8
618E8A

Achromatopsia

686868
7C7C7C
A8A8A8
D3D3D3
6B6B6B

Shades & Tints Shades & Tints

#7C549A

Dark
Light

#AC6188

Dark
Light

#D1988C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7c549a;
  --color-2: #ac6188;
  --color-3: #d1988c;
  --color-4: #cbcfff;
  --color-5: #6163ae;
}

SCSS

$color-1: #7c549a;
$color-2: #ac6188;
$color-3: #d1988c;
$color-4: #cbcfff;
$color-5: #6163ae;

TAILWIND

colors: {
  'brand-1': '#7c549a',
  'brand-2': '#ac6188',
  'brand-3': '#d1988c',
  'brand-4': '#cbcfff',
  'brand-5': '#6163ae',
}

RGB Array

[124, 84, 154], [172, 97, 136], [209, 152, 140], [203, 207, 255], [97, 99, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7C549A, #AC6188, #D1988C, #CBCFFF, #6163AE 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: #7c549a; --color-2: #ac6188; --color-3: #d1988c; --color-4: #cbcfff; --color-5: #6163ae. 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