← Back to Editor

#FFFAFF · #DDB8FB · #C891B8 · #98669B · #8D5280

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FFFAFF

Mauve · White · Lavender

HEX
#FFFAFF
RGB
rgb(255, 250, 255)
HSL
hsl(300, 100%, 99%)
HSB
hsb(300, 2%, 100%)
CMYK
cmyk(0%, 2%, 0%, 0%)
Oklch
oklch(99.0% 0.008 325.6)

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

#DDB8FB

Lilac · Lavender · Lavender

HEX
#DDB8FB
RGB
rgb(221, 184, 251)
HSL
hsl(273, 89%, 85%)
HSB
hsb(273, 27%, 98%)
CMYK
cmyk(12%, 27%, 0%, 2%)
Oklch
oklch(83.7% 0.100 309.4)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#C891B8

Mauve · DarkGray · Lilac Purple

HEX
#C891B8
RGB
rgb(200, 145, 184)
HSL
hsl(317, 33%, 68%)
HSB
hsb(317, 28%, 78%)
CMYK
cmyk(0%, 28%, 8%, 22%)
Oklch
oklch(72.2% 0.084 337.5)

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

#98669B

Dark Plum · Gray · Violet

HEX
#98669B
RGB
rgb(152, 102, 155)
HSL
hsl(297, 21%, 50%)
HSB
hsb(297, 34%, 61%)
CMYK
cmyk(2%, 34%, 0%, 39%)
Oklch
oklch(58.2% 0.098 324.8)

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

#8D5280

Rose Purple · Gray · Violet

HEX
#8D5280
RGB
rgb(141, 82, 128)
HSL
hsl(313, 26%, 44%)
HSB
hsb(313, 42%, 55%)
CMYK
cmyk(0%, 42%, 9%, 45%)
Oklch
oklch(52.3% 0.100 335.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFAFF
FAFFFA

Analogous

FCFAFF
FFFAFF
FFFAFC

Triadic

FFFAFF
FFFFFA
FAFFFF

Split-Comp.

FFFAFF
FCFFFA
FAFFFC

Tetradic

FFFAFF
FFFCFA
FAFFFA
FAFCFF

Contrast Matrix WCAG 2.1 Contrast

FFFAFF
DDB8FB
C891B8
98669B
8D5280
—
1.7
Fail
2.5
Fail
4.3
AA Large
5.6
AA
1.7
Fail
—
1.5
Fail
2.6
Fail
3.4
AA Large
2.5
Fail
1.5
Fail
—
1.7
Fail
2.2
Fail
4.3
AA Large
2.6
Fail
1.7
Fail
—
1.3
Fail
5.6
AA
3.4
AA Large
2.2
Fail
1.3
Fail
—
White BG
1.0Fail
1.7Fail
2.6Fail
4.5AA Large
5.8AA
Black BG
20.4AAA
12.3AAA
8.2AAA
4.7AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDFE
CDCDEB
B0B0AF
82828E
737375

Deuteranopia

FDFEFE
CFD2E7
B3B8AC
85898B
777B72

Tritanopia

FFFDFD
DBDEDB
C5A7A5
968482
8A6C6A

Achromatopsia

FCFCFC
CBCBCB
A6A6A6
7B7B7B
696969

Shades & Tints Shades & Tints

#FFFAFF

Dark
Light

#DDB8FB

Dark
Light

#C891B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffaff;
  --color-2: #ddb8fb;
  --color-3: #c891b8;
  --color-4: #98669b;
  --color-5: #8d5280;
}

SCSS

$color-1: #fffaff;
$color-2: #ddb8fb;
$color-3: #c891b8;
$color-4: #98669b;
$color-5: #8d5280;

TAILWIND

colors: {
  'brand-1': '#fffaff',
  'brand-2': '#ddb8fb',
  'brand-3': '#c891b8',
  'brand-4': '#98669b',
  'brand-5': '#8d5280',
}

RGB Array

[255, 250, 255], [221, 184, 251], [200, 145, 184], [152, 102, 155], [141, 82, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFAFF, #DDB8FB, #C891B8, #98669B, #8D5280 is ideal for: health products, baby brands, fresh-style blogs, 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: #fffaff; --color-2: #ddb8fb; --color-3: #c891b8; --color-4: #98669b; --color-5: #8d5280. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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