← Back to Editor

#FFE1F6 · #44393F · #79576F · #CBACCE · #FFEFFF

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

#FFE1F6

Mauve · SeaShell · Lavender

HEX
#FFE1F6
RGB
rgb(255, 225, 246)
HSL
hsl(318, 100%, 94%)
HSB
hsb(318, 12%, 100%)
CMYK
cmyk(0%, 12%, 4%, 0%)
Oklch
oklch(94.0% 0.043 336.7)

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

#44393F

Rose Purple · DarkSlateGray · Dark Stone

HEX
#44393F
RGB
rgb(68, 57, 63)
HSL
hsl(327, 9%, 25%)
HSB
hsb(327, 16%, 27%)
CMYK
cmyk(0%, 16%, 7%, 73%)
Oklch
oklch(35.8% 0.018 344.1)

Traditional「Rose Purple」· Paint「Dark Stone」· Creative Midnight Shadow

#79576F

Rose Purple · DimGray · Violet

HEX
#79576F
RGB
rgb(121, 87, 111)
HSL
hsl(318, 16%, 41%)
HSB
hsb(318, 28%, 47%)
CMYK
cmyk(0%, 28%, 8%, 53%)
Oklch
oklch(50.1% 0.057 337.6)

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

#CBACCE

Lilac · Silver · Lilac Purple

HEX
#CBACCE
RGB
rgb(203, 172, 206)
HSL
hsl(295, 26%, 74%)
HSB
hsb(295, 17%, 81%)
CMYK
cmyk(1%, 17%, 0%, 19%)
Oklch
oklch(78.2% 0.058 323.3)

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

#FFEFFF

Mauve · Snow · Lavender

HEX
#FFEFFF
RGB
rgb(255, 239, 255)
HSL
hsl(300, 100%, 97%)
HSB
hsb(300, 6%, 100%)
CMYK
cmyk(0%, 6%, 0%, 0%)
Oklch
oklch(96.9% 0.027 325.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE1F6
E0FFEA

Analogous

F9E0FF
FFE1F6
FFE0E7

Triadic

FFE1F6
F6FFE0
E0F6FF

Split-Comp.

FFE1F6
E7FFE0
E0FFF9

Tetradic

FFE1F6
FFF9E0
E0FFEA
E0E7FF

Contrast Matrix WCAG 2.1 Contrast

FFE1F6
44393F
79576F
CBACCE
FFEFFF
—
9.1
AAA
5.1
AA
1.7
Fail
1.1
Fail
9.1
AAA
—
1.8
Fail
5.4
AA
10.0
AAA
5.1
AA
1.8
Fail
—
3.0
AA Large
5.6
AA
1.7
Fail
5.4
AA
3.0
AA Large
—
1.8
Fail
1.1
Fail
10.0
AAA
5.6
AA
1.8
Fail
—
White BG
1.2Fail
11.0AAA
6.2AA
2.0Fail
1.1Fail
Black BG
17.4AAA
1.9Fail
3.4AA Large
10.3AAA
19.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2F1
3F3F3E
6A6A69
BEBDC6
F8F8FB

Deuteranopia

F4F6F0
40413D
6C6F68
BFC2C4
F9FAFA

Tritanopia

FEEDEC
433C3C
776564
C9BFBE
FEF8F7

Achromatopsia

ECECEC
3D3D3D
646464
B9B9B9
F6F6F6

Shades & Tints Shades & Tints

#FFE1F6

Dark
Light

#44393F

Dark
Light

#79576F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe1f6;
  --color-2: #44393f;
  --color-3: #79576f;
  --color-4: #cbacce;
  --color-5: #ffefff;
}

SCSS

$color-1: #ffe1f6;
$color-2: #44393f;
$color-3: #79576f;
$color-4: #cbacce;
$color-5: #ffefff;

TAILWIND

colors: {
  'brand-1': '#ffe1f6',
  'brand-2': '#44393f',
  'brand-3': '#79576f',
  'brand-4': '#cbacce',
  'brand-5': '#ffefff',
}

RGB Array

[255, 225, 246], [68, 57, 63], [121, 87, 111], [203, 172, 206], [255, 239, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE1F6, #44393F, #79576F, #CBACCE, #FFEFFF 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: #ffe1f6; --color-2: #44393f; --color-3: #79576f; --color-4: #cbacce; --color-5: #ffefff. 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