#5EBCA4 + #A97096 + #D74087 + #C70189 + #63264F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#5EBCA4

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#5EBCA4

RGB

rgb(94, 188, 164)

HSL

hsl(165, 41%, 55%)

HSB

hsb(165, 50%, 74%)

CMYK

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

Oklch

oklch(73.1% 0.097 174.6)

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

#A97096

Rose Purple · Gray · Rose Pink

HEX

#A97096

RGB

rgb(169, 112, 150)

HSL

hsl(320, 25%, 55%)

HSB

hsb(320, 34%, 66%)

CMYK

cmyk(0%, 34%, 11%, 34%)

Oklch

oklch(61.7% 0.088 339.9)

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

#D74087

Dark Violet · MediumVioletRed · Rose Pink

HEX

#D74087

RGB

rgb(215, 64, 135)

HSL

hsl(332, 65%, 55%)

HSB

hsb(332, 70%, 84%)

CMYK

cmyk(0%, 70%, 37%, 16%)

Oklch

oklch(60.9% 0.197 355.9)

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

#C70189

Rose Purple · MediumVioletRed · Eggplant

HEX

#C70189

RGB

rgb(199, 1, 137)

HSL

hsl(319, 99%, 39%)

HSB

hsb(319, 99%, 78%)

CMYK

cmyk(0%, 99%, 31%, 22%)

Oklch

oklch(55.0% 0.231 347.8)

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

#63264F

Rose Purple · DarkSlateGray · Camellia

HEX

#63264F

RGB

rgb(99, 38, 79)

HSL

hsl(320, 45%, 27%)

HSB

hsb(320, 62%, 39%)

CMYK

cmyk(0%, 62%, 20%, 61%)

Oklch

oklch(37.2% 0.103 342.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5EBCA4

BB5D75

Analogous

5DBB75

5EBCA4

5DA4BB

Triadic

5EBCA4

A45DBB

BBA45D

Split-Comp.

5EBCA4

BB5DA4

BB755D

Tetradic

5EBCA4

755DBB

BB5D75

A4BB5D

Contrast Matrix WCAG 2.1 Contrast

5EBCA4	A97096	D74087	C70189	63264F
—	1.7 Fail	1.9 Fail	2.4 Fail	4.8 AA
1.7 Fail	—	1.1 Fail	1.4 Fail	2.8 Fail
1.9 Fail	1.1 Fail	—	1.3 Fail	2.6 Fail
2.4 Fail	1.4 Fail	1.3 Fail	—	2.0 Fail
4.8 AA	2.8 Fail	2.6 Fail	2.0 Fail	—

White BG

2.3Fail

3.9AA Large

4.2AA Large

5.5AA

10.9AAA

Black BG

9.2AAA

5.4AA

5.0AA

3.8AA Large

1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8788AA

90908D

969476

716F68

494845

Deuteranopia

817AAB

94988B

9EAA72

7D8C60

4C5143

Tritanopia

63AEAF

A68684

CF6865

BD4E48

603D3C

Achromatopsia

9D9D9D

858585

757575

4C4C4C

3D3D3D

Shades & Tints Shades & Tints

#5EBCA4

Dark

Light

#A97096

Dark

Light

#D74087

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5ebca4;
  --color-2: #a97096;
  --color-3: #d74087;
  --color-4: #c70189;
  --color-5: #63264f;
}

SCSS

$color-1: #5ebca4;
$color-2: #a97096;
$color-3: #d74087;
$color-4: #c70189;
$color-5: #63264f;

TAILWIND

colors: {
  'brand-1': '#5ebca4',
  'brand-2': '#a97096',
  'brand-3': '#d74087',
  'brand-4': '#c70189',
  'brand-5': '#63264f',
}

RGB Array

[94, 188, 164], [169, 112, 150], [215, 64, 135], [199, 1, 137], [99, 38, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5EBCA4, #A97096, #D74087, #C70189, #63264F 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: #5ebca4; --color-2: #a97096; --color-3: #d74087; --color-4: #c70189; --color-5: #63264f. 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