#E64E60 + #EB7885 + #FFFFFF + #E6D7CF + #BDAEA4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E64E60

Vermilion · Tomato · Passion Red

HEX

#E64E60

RGB

rgb(230, 78, 96)

HSL

hsl(353, 75%, 60%)

HSB

hsb(353, 66%, 90%)

CMYK

cmyk(0%, 66%, 58%, 10%)

Oklch

oklch(63.7% 0.187 17.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#EB7885

Peach Pink · LightCoral · Coral Red

HEX

#EB7885

RGB

rgb(235, 120, 133)

HSL

hsl(353, 74%, 70%)

HSB

hsb(353, 49%, 92%)

CMYK

cmyk(0%, 49%, 43%, 8%)

Oklch

oklch(70.7% 0.142 14.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FFFFFF

Moonlight White · White · Cloud White

HEX

#FFFFFF

RGB

rgb(255, 255, 255)

HSL

hsl(0, 0%, 100%)

HSB

hsb(0, 0%, 100%)

CMYK

cmyk(0%, 0%, 0%, 0%)

Oklch

oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#E6D7CF

Apricot · LightGray · Peach Orange

HEX

#E6D7CF

RGB

rgb(230, 215, 207)

HSL

hsl(21, 32%, 86%)

HSB

hsb(21, 10%, 90%)

CMYK

cmyk(0%, 7%, 10%, 10%)

Oklch

oklch(88.9% 0.020 50.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#BDAEA4

Apricot · DarkGray · Warm Sun

HEX

#BDAEA4

RGB

rgb(189, 174, 164)

HSL

hsl(24, 16%, 69%)

HSB

hsb(24, 13%, 74%)

CMYK

cmyk(0%, 8%, 13%, 26%)

Oklch

oklch(76.1% 0.022 56.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E64E60

4CE6D4

Analogous

E64CAB

E64E60

E6874C

Triadic

E64E60

5EE64C

4C5EE6

Split-Comp.

E64E60

4CE687

4CABE6

Tetradic

E64E60

ABE64C

4CE6D4

874CE6

Contrast Matrix WCAG 2.1 Contrast

E64E60	EB7885	FFFFFF	E6D7CF	BDAEA4
—	1.3 Fail	3.7 AA Large	2.7 Fail	1.7 Fail
1.3 Fail	—	2.8 Fail	2.0 Fail	1.3 Fail
3.7 AA Large	2.8 Fail	—	1.4 Fail	2.2 Fail
2.7 Fail	2.0 Fail	1.4 Fail	—	1.5 Fail
1.7 Fail	1.3 Fail	2.2 Fail	1.5 Fail	—

White BG

3.7AA Large

2.8Fail

1.0Fail

1.4Fail

2.2Fail

Black BG

5.6AA

7.6AAA

21.0AAA

15.0AAA

9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A35C

B9B882

FFFFFF

E0DFD1

B7B6A6

Deuteranopia

ADB85B

C0C981

FFFFFF

E0E2D1

B7B8A7

Tritanopia

DE5857

E57F7F

FFFFFF

E5D2D3

BCA8A9

Achromatopsia

7D7D7D

9C9C9C

FFFFFF

DBDBDB

B1B1B1

Shades & Tints Shades & Tints

#E64E60

Dark

Light

#EB7885

Dark

Light

#FFFFFF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e64e60;
  --color-2: #eb7885;
  --color-3: #ffffff;
  --color-4: #e6d7cf;
  --color-5: #bdaea4;
}

SCSS

$color-1: #e64e60;
$color-2: #eb7885;
$color-3: #ffffff;
$color-4: #e6d7cf;
$color-5: #bdaea4;

TAILWIND

colors: {
  'brand-1': '#e64e60',
  'brand-2': '#eb7885',
  'brand-3': '#ffffff',
  'brand-4': '#e6d7cf',
  'brand-5': '#bdaea4',
}

RGB Array

[230, 78, 96], [235, 120, 133], [255, 255, 255], [230, 215, 207], [189, 174, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E64E60, #EB7885, #FFFFFF, #E6D7CF, #BDAEA4 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: #e64e60; --color-2: #eb7885; --color-3: #ffffff; --color-4: #e6d7cf; --color-5: #bdaea4. 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