#E35B6F + #F02E75 + #E0127D + #6D8B99 + #6D9988 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E35B6F

Peach Pink · LightCoral · Coral Red

HEX

#E35B6F

RGB

rgb(227, 91, 111)

HSL

hsl(351, 71%, 62%)

HSB

hsb(351, 60%, 89%)

CMYK

cmyk(0%, 60%, 51%, 11%)

Oklch

oklch(65.1% 0.169 14.2)

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

#F02E75

Dark Violet · DeepPink · Rose Pink

HEX

#F02E75

RGB

rgb(240, 46, 117)

HSL

hsl(338, 87%, 56%)

HSB

hsb(338, 81%, 94%)

CMYK

cmyk(0%, 81%, 51%, 6%)

Oklch

oklch(63.1% 0.228 5.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E0127D

Rose Purple · MediumVioletRed · Camellia

HEX

#E0127D

RGB

rgb(224, 18, 125)

HSL

hsl(329, 85%, 47%)

HSB

hsb(329, 92%, 88%)

CMYK

cmyk(0%, 92%, 44%, 12%)

Oklch

oklch(59.3% 0.235 358.2)

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

#6D8B99

Slate Blue · LightSlateGray · Lake Green

HEX

#6D8B99

RGB

rgb(109, 139, 153)

HSL

hsl(199, 18%, 51%)

HSB

hsb(199, 29%, 60%)

CMYK

cmyk(29%, 9%, 0%, 40%)

Oklch

oklch(61.9% 0.040 228.1)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#6D9988

Mineral Blue · LightSlateGray · Olive Green

HEX

#6D9988

RGB

rgb(109, 153, 136)

HSL

hsl(157, 18%, 51%)

HSB

hsb(157, 29%, 60%)

CMYK

cmyk(29%, 0%, 11%, 40%)

Oklch

oklch(64.6% 0.054 168.7)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E35B6F

59E3CE

Analogous

E359B3

E35B6F

E38959

Triadic

E35B6F

6EE359

596EE3

Split-Comp.

E35B6F

59E389

59B3E3

Tetradic

E35B6F

B3E359

59E3CE

8959E3

Contrast Matrix WCAG 2.1 Contrast

E35B6F	F02E75	E0127D	6D8B99	6D9988
—	1.1 Fail	1.3 Fail	1.0 Fail	1.1 Fail
1.1 Fail	—	1.2 Fail	1.1 Fail	1.2 Fail
1.3 Fail	1.2 Fail	—	1.3 Fail	1.4 Fail
1.0 Fail	1.1 Fail	1.3 Fail	—	1.1 Fail
1.1 Fail	1.2 Fail	1.4 Fail	1.1 Fail	—

White BG

3.5AA Large

3.9AA Large

4.6AA

3.6AA Large

3.2AA Large

Black BG

6.0AA

5.4AA

4.6AA

5.8AA

6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A76A

9C9A64

878563

7A7A96

80808C

Deuteranopia

B0BA69

A7B660

93A25D

787695

7E7A8D

Tritanopia

DC6666

E65653

D64F4A

6F9392

6F8F90

Achromatopsia

868686

707070

5C5C5C

848484

8A8A8A

Shades & Tints Shades & Tints

#E35B6F

Dark

Light

#F02E75

Dark

Light

#E0127D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e35b6f;
  --color-2: #f02e75;
  --color-3: #e0127d;
  --color-4: #6d8b99;
  --color-5: #6d9988;
}

SCSS

$color-1: #e35b6f;
$color-2: #f02e75;
$color-3: #e0127d;
$color-4: #6d8b99;
$color-5: #6d9988;

TAILWIND

colors: {
  'brand-1': '#e35b6f',
  'brand-2': '#f02e75',
  'brand-3': '#e0127d',
  'brand-4': '#6d8b99',
  'brand-5': '#6d9988',
}

RGB Array

[227, 91, 111], [240, 46, 117], [224, 18, 125], [109, 139, 153], [109, 153, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E35B6F, #F02E75, #E0127D, #6D8B99, #6D9988 is ideal for: corporate websites, product showcases, portfolios. 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: #e35b6f; --color-2: #f02e75; --color-3: #e0127d; --color-4: #6d8b99; --color-5: #6d9988. 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. 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