← Back to Editor

#EDDAF4 · #F5C4CA · #914E75 · #614051 · #480233

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EDDAF4

Lilac · Lavender · Lavender

HEX
#EDDAF4
RGB
rgb(237, 218, 244)
HSL
hsl(284, 54%, 91%)
HSB
hsb(284, 11%, 96%)
CMYK
cmyk(3%, 11%, 0%, 4%)
Oklch
oklch(91.1% 0.040 317.0)

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

#F5C4CA

Peach Pink · Pink · Cherry Blossom

HEX
#F5C4CA
RGB
rgb(245, 196, 202)
HSL
hsl(353, 71%, 86%)
HSB
hsb(353, 20%, 96%)
CMYK
cmyk(0%, 20%, 18%, 4%)
Oklch
oklch(86.5% 0.056 10.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#914E75

Rose Purple · DimGray · Camellia

HEX
#914E75
RGB
rgb(145, 78, 117)
HSL
hsl(325, 30%, 44%)
HSB
hsb(325, 46%, 57%)
CMYK
cmyk(0%, 46%, 19%, 43%)
Oklch
oklch(51.7% 0.103 345.4)

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

#614051

Rose Purple · DimGray · Camellia

HEX
#614051
RGB
rgb(97, 64, 81)
HSL
hsl(329, 20%, 32%)
HSB
hsb(329, 34%, 38%)
CMYK
cmyk(0%, 34%, 16%, 62%)
Oklch
oklch(41.5% 0.052 347.4)

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

#480233

Rose Purple · Maroon · Dark Purple

HEX
#480233
RGB
rgb(72, 2, 51)
HSL
hsl(318, 95%, 15%)
HSB
hsb(318, 97%, 28%)
CMYK
cmyk(0%, 97%, 29%, 72%)
Oklch
oklch(27.0% 0.112 344.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDAF4
E2F4DC

Analogous

E1DCF4
EDDAF4
F4DCEF

Triadic

EDDAF4
F4EEDC
DCF4EE

Split-Comp.

EDDAF4
EFF4DC
DCF4E1

Tetradic

EDDAF4
F4E1DC
E2F4DC
DCEFF4

Contrast Matrix WCAG 2.1 Contrast

EDDAF4
F5C4CA
914E75
614051
480233
—
1.2
Fail
4.5
AA Large
6.8
AA
12.0
AAA
1.2
Fail
—
3.8
AA Large
5.8
AA
10.2
AAA
4.5
AA Large
3.8
AA Large
—
1.5
Fail
2.7
Fail
6.8
AA
5.8
AA
1.5
Fail
—
1.8
Fail
12.0
AAA
10.2
AAA
2.7
Fail
1.8
Fail
—
White BG
1.3Fail
1.5Fail
5.9AA
8.9AAA
15.8AAA
Black BG
15.9AAA
13.6AAA
3.6AA Large
2.4Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5EE
E0DFC9
74736C
53524D
2A2927

Deuteranopia

E6E7EC
E3E6C8
787D69
55574C
2E3324

Tritanopia

ECE9E8
F3C7C7
8E6462
5F4A49
441E1C

Achromatopsia

E3E3E3
D3D3D3
666666
4C4C4C
1D1D1D

Shades & Tints Shades & Tints

#EDDAF4

Dark
Light

#F5C4CA

Dark
Light

#914E75

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddaf4;
  --color-2: #f5c4ca;
  --color-3: #914e75;
  --color-4: #614051;
  --color-5: #480233;
}

SCSS

$color-1: #eddaf4;
$color-2: #f5c4ca;
$color-3: #914e75;
$color-4: #614051;
$color-5: #480233;

TAILWIND

colors: {
  'brand-1': '#eddaf4',
  'brand-2': '#f5c4ca',
  'brand-3': '#914e75',
  'brand-4': '#614051',
  'brand-5': '#480233',
}

RGB Array

[237, 218, 244], [245, 196, 202], [145, 78, 117], [97, 64, 81], [72, 2, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDDAF4, #F5C4CA, #914E75, #614051, #480233 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: #eddaf4; --color-2: #f5c4ca; --color-3: #914e75; --color-4: #614051; --color-5: #480233. 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