#AF94C2 + #EADCF3 + #EEEEE0 + #F8EAFF + #E3DFD5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AF94C2

Lilac · DarkGray · Lilac Purple

HEX

#AF94C2

RGB

rgb(175, 148, 194)

HSL

hsl(275, 27%, 67%)

HSB

hsb(275, 24%, 76%)

CMYK

cmyk(10%, 24%, 0%, 24%)

Oklch

oklch(70.7% 0.072 311.1)

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

#EADCF3

Lilac · Lavender · Lavender

HEX

#EADCF3

RGB

rgb(234, 220, 243)

HSL

hsl(277, 49%, 91%)

HSB

hsb(277, 9%, 95%)

CMYK

cmyk(4%, 9%, 0%, 5%)

Oklch

oklch(91.3% 0.034 312.4)

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

#EEEEE0

Fresh Green · Beige · Lemon Cream

HEX

#EEEEE0

RGB

rgb(238, 238, 224)

HSL

hsl(60, 29%, 91%)

HSB

hsb(60, 6%, 93%)

CMYK

cmyk(0%, 0%, 6%, 7%)

Oklch

oklch(94.5% 0.019 106.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F8EAFF

Lilac · Snow · Lavender

HEX

#F8EAFF

RGB

rgb(248, 234, 255)

HSL

hsl(280, 100%, 96%)

HSB

hsb(280, 8%, 100%)

CMYK

cmyk(3%, 8%, 0%, 0%)

Oklch

oklch(95.4% 0.032 314.7)

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

#E3DFD5

Goose Yellow · LightGray · Lemon Cream

HEX

#E3DFD5

RGB

rgb(227, 223, 213)

HSL

hsl(43, 20%, 86%)

HSB

hsb(43, 6%, 89%)

CMYK

cmyk(0%, 2%, 6%, 11%)

Oklch

oklch(90.4% 0.014 88.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AF94C2

A7C294

Analogous

9894C2

AF94C2

C294BE

Triadic

AF94C2

C2AF94

94C2AF

Split-Comp.

AF94C2

BEC294

94C298

Tetradic

AF94C2

C29894

A7C294

94BEC2

Contrast Matrix WCAG 2.1 Contrast

AF94C2	EADCF3	EEEEE0	F8EAFF	E3DFD5
—	2.0 Fail	2.3 Fail	2.3 Fail	2.0 Fail
2.0 Fail	—	1.1 Fail	1.1 Fail	1.0 Fail
2.3 Fail	1.1 Fail	—	1.0 Fail	1.1 Fail
2.3 Fail	1.1 Fail	1.0 Fail	—	1.2 Fail
2.0 Fail	1.0 Fail	1.1 Fail	1.2 Fail	—

White BG

2.7Fail

1.3Fail

1.2Fail

1.3Fail

Black BG

7.8AAA

16.0AAA

17.9AAA

18.2AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A3B7

E4E4ED

EEEEE3

F2F2FA

E1E1D7

Deuteranopia

A5A7B4

E5E6EC

EEEEE4

F3F4F9

E2E2D8

Tritanopia

AEAEAC

E9E9E8

EEE6E7

F7F6F5

E3D9DA

Achromatopsia

A1A1A1

E3E3E3

ECECEC

F1F1F1

DFDFDF

Shades & Tints Shades & Tints

#AF94C2

Dark

Light

#EADCF3

Dark

Light

#EEEEE0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #af94c2;
  --color-2: #eadcf3;
  --color-3: #eeeee0;
  --color-4: #f8eaff;
  --color-5: #e3dfd5;
}

SCSS

$color-1: #af94c2;
$color-2: #eadcf3;
$color-3: #eeeee0;
$color-4: #f8eaff;
$color-5: #e3dfd5;

TAILWIND

colors: {
  'brand-1': '#af94c2',
  'brand-2': '#eadcf3',
  'brand-3': '#eeeee0',
  'brand-4': '#f8eaff',
  'brand-5': '#e3dfd5',
}

RGB Array

[175, 148, 194], [234, 220, 243], [238, 238, 224], [248, 234, 255], [227, 223, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AF94C2, #EADCF3, #EEEEE0, #F8EAFF, #E3DFD5 is ideal for: health products, baby brands, fresh-style blogs. 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: #af94c2; --color-2: #eadcf3; --color-3: #eeeee0; --color-4: #f8eaff; --color-5: #e3dfd5. 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. 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