#E54B66 + #E57B7F + #D07682 + #CA9799 + #D0B899 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E54B66

Vermilion · Tomato · Passion Red

HEX

#E54B66

RGB

rgb(229, 75, 102)

HSL

hsl(349, 75%, 60%)

HSB

hsb(349, 67%, 90%)

CMYK

cmyk(0%, 67%, 55%, 10%)

Oklch

oklch(63.3% 0.190 14.2)

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

#E57B7F

Peach Pink · LightCoral · Coral Red

HEX

#E57B7F

RGB

rgb(229, 123, 127)

HSL

hsl(358, 67%, 69%)

HSB

hsb(358, 46%, 90%)

CMYK

cmyk(0%, 46%, 45%, 10%)

Oklch

oklch(70.2% 0.131 18.6)

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

#D07682

Peach Pink · LightCoral · Coral Red

HEX

#D07682

RGB

rgb(208, 118, 130)

HSL

hsl(352, 49%, 64%)

HSB

hsb(352, 43%, 82%)

CMYK

cmyk(0%, 43%, 38%, 18%)

Oklch

oklch(66.8% 0.113 12.1)

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

#CA9799

Peach Pink · Tan · Coral Red

HEX

#CA9799

RGB

rgb(202, 151, 153)

HSL

hsl(358, 32%, 69%)

HSB

hsb(358, 25%, 79%)

CMYK

cmyk(0%, 25%, 24%, 21%)

Oklch

oklch(72.5% 0.061 16.1)

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

#D0B899

Goose Yellow · Tan · Warm Sun

HEX

#D0B899

RGB

rgb(208, 184, 153)

HSL

hsl(34, 37%, 71%)

HSB

hsb(34, 26%, 82%)

CMYK

cmyk(0%, 12%, 26%, 18%)

Oklch

oklch(79.5% 0.050 74.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E54B66

4CE6C9

Analogous

E64CB5

E54B66

E67D4C

Triadic

E54B66

69E64C

4C69E6

Split-Comp.

E54B66

4CE67D

4CB5E6

Tetradic

E54B66

B5E64C

4CE6C9

7D4CE6

Contrast Matrix WCAG 2.1 Contrast

E54B66	E57B7F	D07682	CA9799	D0B899
—	1.4 Fail	1.2 Fail	1.5 Fail	2.0 Fail
1.4 Fail	—	1.1 Fail	1.1 Fail	1.5 Fail
1.2 Fail	1.1 Fail	—	1.3 Fail	1.7 Fail
1.5 Fail	1.1 Fail	1.3 Fail	—	1.3 Fail
2.0 Fail	1.5 Fail	1.7 Fail	1.3 Fail	—

White BG

3.8AA Large

2.8Fail

3.2AA Large

2.5Fail

1.9Fail

Black BG

5.5AA

7.5AAA

6.6AA

8.4AAA

11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A15F

B7B67E

A9A87F

B4B399

C6C5A1

Deuteranopia

ABB75E

BDC57E

AEB57E

B7BB98

C7C9A2

Tritanopia

DD5A59

E07D7D

CC7D7C

C79898

CFA6A8

Achromatopsia

7C7C7C

9B9B9B

929292

A6A6A6

BCBCBC

Shades & Tints Shades & Tints

#E54B66

Dark

Light

#E57B7F

Dark

Light

#D07682

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e54b66;
  --color-2: #e57b7f;
  --color-3: #d07682;
  --color-4: #ca9799;
  --color-5: #d0b899;
}

SCSS

$color-1: #e54b66;
$color-2: #e57b7f;
$color-3: #d07682;
$color-4: #ca9799;
$color-5: #d0b899;

TAILWIND

colors: {
  'brand-1': '#e54b66',
  'brand-2': '#e57b7f',
  'brand-3': '#d07682',
  'brand-4': '#ca9799',
  'brand-5': '#d0b899',
}

RGB Array

[229, 75, 102], [229, 123, 127], [208, 118, 130], [202, 151, 153], [208, 184, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E54B66, #E57B7F, #D07682, #CA9799, #D0B899 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: #e54b66; --color-2: #e57b7f; --color-3: #d07682; --color-4: #ca9799; --color-5: #d0b899. 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