← Back to Editor

#FFA1EB · #CD83B6 · #67597D · #322B3B · #D9F65E

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

#FFA1EB

Mauve · Violet · Lavender

HEX
#FFA1EB
RGB
rgb(255, 161, 235)
HSL
hsl(313, 100%, 82%)
HSB
hsb(313, 37%, 100%)
CMYK
cmyk(0%, 37%, 8%, 0%)
Oklch
oklch(82.6% 0.144 334.9)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#CD83B6

Mauve · Orchid · Lilac Purple

HEX
#CD83B6
RGB
rgb(205, 131, 182)
HSL
hsl(319, 43%, 66%)
HSB
hsb(319, 36%, 80%)
CMYK
cmyk(0%, 36%, 11%, 20%)
Oklch
oklch(70.2% 0.112 339.2)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#67597D

Deep Indigo · DimGray · Violet

HEX
#67597D
RGB
rgb(103, 89, 125)
HSL
hsl(263, 17%, 42%)
HSB
hsb(263, 29%, 49%)
CMYK
cmyk(18%, 29%, 0%, 51%)
Oklch
oklch(49.2% 0.059 302.1)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#322B3B

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#322B3B
RGB
rgb(50, 43, 59)
HSL
hsl(266, 16%, 20%)
HSB
hsb(266, 27%, 23%)
CMYK
cmyk(15%, 27%, 0%, 77%)
Oklch
oklch(30.4% 0.030 304.6)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#D9F65E

Willow Green · Khaki · Apple Green

HEX
#D9F65E
RGB
rgb(217, 246, 94)
HSL
hsl(71, 89%, 67%)
HSB
hsb(71, 62%, 96%)
CMYK
cmyk(12%, 0%, 62%, 4%)
Oklch
oklch(92.4% 0.177 119.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFA1EB
A3FFB7

Analogous

E5A3FF
FFA1EB
FFA3BD

Triadic

FFA1EB
EBFFA3
A3EBFF

Split-Comp.

FFA1EB
BDFFA3
A3FFE5

Tetradic

FFA1EB
FFE5A3
A3FFB7
A3BDFF

Contrast Matrix WCAG 2.1 Contrast

FFA1EB
CD83B6
67597D
322B3B
D9F65E
—
1.5
Fail
3.5
AA Large
7.5
AAA
1.5
Fail
1.5
Fail
—
2.3
Fail
4.9
AA
2.3
Fail
3.5
AA Large
2.3
Fail
—
2.1
Fail
5.2
AA
7.5
AAA
4.9
AA
2.1
Fail
—
11.2
AAA
1.5
Fail
2.3
Fail
5.2
AA
11.2
AAA
—
White BG
1.8Fail
2.8Fail
6.4AA
13.6AAA
1.2Fail
Black BG
11.5AAA
7.5AAA
3.3AA Large
1.5Fail
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D5D9
ADACAA
616174
2F2F37
E6E683

Deuteranopia

DCE3D5
B1B7A7
626372
2F3036
E4E28C

Tritanopia

FACBC8
C9A09E
666D6C
323433
DAA0A6

Achromatopsia

C6C6C6
9F9F9F
616161
2F2F2F
DCDCDC

Shades & Tints Shades & Tints

#FFA1EB

Dark
Light

#CD83B6

Dark
Light

#67597D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffa1eb;
  --color-2: #cd83b6;
  --color-3: #67597d;
  --color-4: #322b3b;
  --color-5: #d9f65e;
}

SCSS

$color-1: #ffa1eb;
$color-2: #cd83b6;
$color-3: #67597d;
$color-4: #322b3b;
$color-5: #d9f65e;

TAILWIND

colors: {
  'brand-1': '#ffa1eb',
  'brand-2': '#cd83b6',
  'brand-3': '#67597d',
  'brand-4': '#322b3b',
  'brand-5': '#d9f65e',
}

RGB Array

[255, 161, 235], [205, 131, 182], [103, 89, 125], [50, 43, 59], [217, 246, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFA1EB, #CD83B6, #67597D, #322B3B, #D9F65E 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: #ffa1eb; --color-2: #cd83b6; --color-3: #67597d; --color-4: #322b3b; --color-5: #d9f65e. 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