← Back to Editor

#AD6699 · #D9A4B3 · #FCDCDA · #BA4499 · #A61964

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#AD6699

Rose Purple · Gray · Violet

HEX
#AD6699
RGB
rgb(173, 102, 153)
HSL
hsl(317, 30%, 54%)
HSB
hsb(317, 41%, 68%)
CMYK
cmyk(0%, 41%, 12%, 32%)
Oklch
oklch(60.6% 0.113 338.2)

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

#D9A4B3

Rouge · Silver · Rose Pink

HEX
#D9A4B3
RGB
rgb(217, 164, 179)
HSL
hsl(343, 41%, 75%)
HSB
hsb(343, 24%, 85%)
CMYK
cmyk(0%, 24%, 18%, 15%)
Oklch
oklch(77.2% 0.065 0.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FCDCDA

Peach Pink · Linen · Cherry Blossom

HEX
#FCDCDA
RGB
rgb(252, 220, 218)
HSL
hsl(4, 85%, 92%)
HSB
hsb(4, 13%, 99%)
CMYK
cmyk(0%, 13%, 13%, 1%)
Oklch
oklch(92.0% 0.036 22.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#BA4499

Rose Purple · MediumVioletRed · Violet

HEX
#BA4499
RGB
rgb(186, 68, 153)
HSL
hsl(317, 46%, 50%)
HSB
hsb(317, 63%, 73%)
CMYK
cmyk(0%, 63%, 18%, 27%)
Oklch
oklch(57.6% 0.179 340.4)

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

#A61964

Rose Purple · MediumVioletRed · Camellia

HEX
#A61964
RGB
rgb(166, 25, 100)
HSL
hsl(328, 74%, 37%)
HSB
hsb(328, 85%, 65%)
CMYK
cmyk(0%, 85%, 40%, 35%)
Oklch
oklch(48.4% 0.183 354.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD6699
67AD7A

Analogous

9E67AD
AD6699
AD6776

Triadic

AD6699
99AD67
6799AD

Split-Comp.

AD6699
76AD67
67AD9E

Tetradic

AD6699
AD9E67
67AD7A
6776AD

Contrast Matrix WCAG 2.1 Contrast

AD6699
D9A4B3
FCDCDA
BA4499
A61964
—
1.9
Fail
3.2
AA Large
1.2
Fail
1.7
Fail
1.9
Fail
—
1.7
Fail
2.3
Fail
3.4
AA Large
3.2
AA Large
1.7
Fail
—
3.7
AA Large
5.6
AA
1.2
Fail
2.3
Fail
3.7
AA Large
—
1.5
Fail
1.7
Fail
3.4
AA Large
5.6
AA
1.5
Fail
—
White BG
4.1AA Large
2.1Fail
1.3Fail
4.8AA
7.1AAA
Black BG
5.1AA
9.9AAA
16.4AAA
4.4AA Large
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E8D
C2C2AF
EEEEDA
878684
696852

Deuteranopia

92988A
C5C9AF
F0F2DB
8E9780
717C4E

Tritanopia

A98381
D6ADAC
FADBDB
B47471
9F4440

Achromatopsia

818181
B6B6B6
E5E5E5
717171
4C4C4C

Shades & Tints Shades & Tints

#AD6699

Dark
Light

#D9A4B3

Dark
Light

#FCDCDA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad6699;
  --color-2: #d9a4b3;
  --color-3: #fcdcda;
  --color-4: #ba4499;
  --color-5: #a61964;
}

SCSS

$color-1: #ad6699;
$color-2: #d9a4b3;
$color-3: #fcdcda;
$color-4: #ba4499;
$color-5: #a61964;

TAILWIND

colors: {
  'brand-1': '#ad6699',
  'brand-2': '#d9a4b3',
  'brand-3': '#fcdcda',
  'brand-4': '#ba4499',
  'brand-5': '#a61964',
}

RGB Array

[173, 102, 153], [217, 164, 179], [252, 220, 218], [186, 68, 153], [166, 25, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD6699, #D9A4B3, #FCDCDA, #BA4499, #A61964 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: #ad6699; --color-2: #d9a4b3; --color-3: #fcdcda; --color-4: #ba4499; --color-5: #a61964. 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