← Back to Editor

#FDEBE9 · #EFD7E7 · #B3A1D3 · #618F15 · #401236

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

#FDEBE9

Peach Pink · Linen · Cherry Blossom

HEX
#FDEBE9
RGB
rgb(253, 235, 233)
HSL
hsl(6, 83%, 95%)
HSB
hsb(6, 8%, 99%)
CMYK
cmyk(0%, 7%, 8%, 1%)
Oklch
oklch(95.4% 0.020 25.2)

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

#EFD7E7

Mauve · Lavender · Cherry Blossom

HEX
#EFD7E7
RGB
rgb(239, 215, 231)
HSL
hsl(320, 43%, 89%)
HSB
hsb(320, 10%, 94%)
CMYK
cmyk(0%, 10%, 3%, 6%)
Oklch
oklch(90.3% 0.034 338.0)

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

#B3A1D3

Wisteria · LightSteelBlue · Lilac Purple

HEX
#B3A1D3
RGB
rgb(179, 161, 211)
HSL
hsl(262, 36%, 73%)
HSB
hsb(262, 24%, 83%)
CMYK
cmyk(15%, 24%, 0%, 17%)
Oklch
oklch(74.2% 0.073 301.1)

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

#618F15

Grass Green · Olive · Forest Green

HEX
#618F15
RGB
rgb(97, 143, 21)
HSL
hsl(83, 74%, 32%)
HSB
hsb(83, 85%, 56%)
CMYK
cmyk(32%, 0%, 85%, 44%)
Oklch
oklch(59.5% 0.151 129.4)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#401236

Rose Purple · DarkSlateGray · Dark Purple

HEX
#401236
RGB
rgb(64, 18, 54)
HSL
hsl(313, 56%, 16%)
HSB
hsb(313, 72%, 25%)
CMYK
cmyk(0%, 72%, 16%, 75%)
Oklch
oklch(27.3% 0.087 337.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDEBE9
E8FBFD

Analogous

FDE8F0
FDEBE9
FDF4E8

Triadic

FDEBE9
E8FDEA
EAE8FD

Split-Comp.

FDEBE9
E8FDF4
E8F0FD

Tetradic

FDEBE9
F0FDE8
E8FBFD
F4E8FD

Contrast Matrix WCAG 2.1 Contrast

FDEBE9
EFD7E7
B3A1D3
618F15
401236
—
1.2
Fail
2.0
Fail
3.3
AA Large
13.4
AAA
1.2
Fail
—
1.7
Fail
2.9
Fail
11.4
AAA
2.0
Fail
1.7
Fail
—
1.6
Fail
6.6
AA
3.3
AA Large
2.9
Fail
1.6
Fail
—
4.0
AA Large
13.4
AAA
11.4
AAA
6.6
AA
4.0
AA Large
—
White BG
1.2Fail
1.4Fail
2.3Fail
3.9AA Large
15.5AAA
Black BG
18.2AAA
15.5AAA
9.0AAA
5.4AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5E9
E5E4E3
ABABC7
757533
2C2C2D

Deuteranopia

F6F8EA
E6E8E2
ACAEC4
726F3A
2F322B

Tritanopia

FCEAEA
EEE0DF
B2BDBB
634A4F
3E2625

Achromatopsia

F0F0F0
E0E0E0
ACACAC
737373
242424

Shades & Tints Shades & Tints

#FDEBE9

Dark
Light

#EFD7E7

Dark
Light

#B3A1D3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdebe9;
  --color-2: #efd7e7;
  --color-3: #b3a1d3;
  --color-4: #618f15;
  --color-5: #401236;
}

SCSS

$color-1: #fdebe9;
$color-2: #efd7e7;
$color-3: #b3a1d3;
$color-4: #618f15;
$color-5: #401236;

TAILWIND

colors: {
  'brand-1': '#fdebe9',
  'brand-2': '#efd7e7',
  'brand-3': '#b3a1d3',
  'brand-4': '#618f15',
  'brand-5': '#401236',
}

RGB Array

[253, 235, 233], [239, 215, 231], [179, 161, 211], [97, 143, 21], [64, 18, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDEBE9, #EFD7E7, #B3A1D3, #618F15, #401236 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: #fdebe9; --color-2: #efd7e7; --color-3: #b3a1d3; --color-4: #618f15; --color-5: #401236. 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