← Back to Editor

#F1EFFE · #FCB8CB · #AB6883 · #A7999E · #766962

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F1EFFE

Wisteria · Lavender · Sky Blue

HEX
#F1EFFE
RGB
rgb(241, 239, 254)
HSL
hsl(248, 88%, 97%)
HSB
hsb(248, 6%, 100%)
CMYK
cmyk(5%, 6%, 0%, 0%)
Oklch
oklch(95.8% 0.020 292.1)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#FCB8CB

Rouge · Pink · Cherry Blossom

HEX
#FCB8CB
RGB
rgb(252, 184, 203)
HSL
hsl(343, 92%, 85%)
HSB
hsb(343, 27%, 99%)
CMYK
cmyk(0%, 27%, 19%, 1%)
Oklch
oklch(85.1% 0.082 0.6)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#AB6883

Dark Violet · Gray · Rose Pink

HEX
#AB6883
RGB
rgb(171, 104, 131)
HSL
hsl(336, 29%, 54%)
HSB
hsb(336, 39%, 67%)
CMYK
cmyk(0%, 39%, 23%, 33%)
Oklch
oklch(59.9% 0.092 354.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#A7999E

Ash · DarkGray · Silver Sand

HEX
#A7999E
RGB
rgb(167, 153, 158)
HSL
hsl(339, 7%, 63%)
HSB
hsb(339, 8%, 65%)
CMYK
cmyk(0%, 8%, 5%, 35%)
Oklch
oklch(69.7% 0.018 353.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#766962

Tangerine · DimGray · Warm Gray

HEX
#766962
RGB
rgb(118, 105, 98)
HSL
hsl(21, 9%, 42%)
HSB
hsb(21, 17%, 46%)
CMYK
cmyk(0%, 11%, 17%, 54%)
Oklch
oklch(53.1% 0.020 50.2)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1EFFE
FCFEF1

Analogous

F1F6FE
F1EFFE
F9F1FE

Triadic

F1EFFE
FEF2F1
F1FEF2

Split-Comp.

F1EFFE
FEF9F1
F6FEF1

Tetradic

F1EFFE
FEF1F6
FCFEF1
F1FEF9

Contrast Matrix WCAG 2.1 Contrast

F1EFFE
FCB8CB
AB6883
A7999E
766962
—
1.4
Fail
3.7
AA Large
2.4
Fail
4.7
AA
1.4
Fail
—
2.6
Fail
1.7
Fail
3.2
AA Large
3.7
AA Large
2.6
Fail
—
1.5
Fail
1.3
Fail
2.4
Fail
1.7
Fail
1.5
Fail
—
1.9
Fail
4.7
AA
3.2
AA Large
1.3
Fail
1.9
Fail
—
White BG
1.1Fail
1.6Fail
4.2AA Large
2.7Fail
5.3AA
Black BG
18.5AAA
12.9AAA
5.0AA
7.7AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0FA
DFDEC6
8E8D7C
A1A19D
707064

Deuteranopia

F0F0FA
E3E8C5
92977B
A2A39D
717264

Tritanopia

F1F8F7
F9C3C2
A87776
A69C9C
756565

Achromatopsia

F1F1F1
CECECE
7F7F7F
9E9E9E
6C6C6C

Shades & Tints Shades & Tints

#F1EFFE

Dark
Light

#FCB8CB

Dark
Light

#AB6883

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1effe;
  --color-2: #fcb8cb;
  --color-3: #ab6883;
  --color-4: #a7999e;
  --color-5: #766962;
}

SCSS

$color-1: #f1effe;
$color-2: #fcb8cb;
$color-3: #ab6883;
$color-4: #a7999e;
$color-5: #766962;

TAILWIND

colors: {
  'brand-1': '#f1effe',
  'brand-2': '#fcb8cb',
  'brand-3': '#ab6883',
  'brand-4': '#a7999e',
  'brand-5': '#766962',
}

RGB Array

[241, 239, 254], [252, 184, 203], [171, 104, 131], [167, 153, 158], [118, 105, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1EFFE, #FCB8CB, #AB6883, #A7999E, #766962 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: #f1effe; --color-2: #fcb8cb; --color-3: #ab6883; --color-4: #a7999e; --color-5: #766962. 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