#58C096 + #829892 + #AC708D + #D54789 + #FF1F84 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#58C096

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#58C096

RGB

rgb(88, 192, 150)

HSL

hsl(156, 45%, 55%)

HSB

hsb(156, 54%, 75%)

CMYK

cmyk(54%, 0%, 22%, 25%)

Oklch

oklch(73.4% 0.116 164.4)

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

#829892

Mineral Blue · LightSlateGray · Lake Green

HEX

#829892

RGB

rgb(130, 152, 146)

HSL

hsl(164, 10%, 55%)

HSB

hsb(164, 14%, 60%)

CMYK

cmyk(14%, 0%, 4%, 40%)

Oklch

oklch(66.1% 0.026 177.2)

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

#AC708D

Dark Violet · Gray · Rose Pink

HEX

#AC708D

RGB

rgb(172, 112, 141)

HSL

hsl(331, 27%, 56%)

HSB

hsb(331, 35%, 67%)

CMYK

cmyk(0%, 35%, 18%, 33%)

Oklch

oklch(61.7% 0.085 349.4)

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

#D54789

Dark Violet · MediumVioletRed · Rose Pink

HEX

#D54789

RGB

rgb(213, 71, 137)

HSL

hsl(332, 63%, 56%)

HSB

hsb(332, 67%, 84%)

CMYK

cmyk(0%, 67%, 36%, 16%)

Oklch

oklch(61.4% 0.187 355.5)

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

#FF1F84

Dark Violet · DeepPink · Rose Pink

HEX

#FF1F84

RGB

rgb(255, 31, 132)

HSL

hsl(333, 100%, 56%)

HSB

hsb(333, 88%, 100%)

CMYK

cmyk(0%, 88%, 48%, 0%)

Oklch

oklch(65.4% 0.252 2.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

58C096

C05982

Analogous

59C063

58C096

59B6C0

Triadic

58C096

9759C0

C09759

Split-Comp.

58C096

C059B6

C06359

Tetradic

58C096

6359C0

C05982

B6C059

Contrast Matrix WCAG 2.1 Contrast

58C096	829892	AC708D	D54789	FF1F84
—	1.4 Fail	1.7 Fail	1.8 Fail	1.6 Fail
1.4 Fail	—	1.3 Fail	1.3 Fail	1.2 Fail
1.7 Fail	1.3 Fail	—	1.1 Fail	1.1 Fail
1.8 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

2.2Fail

3.1AA Large

3.8AA Large

4.1AA Large

3.6AA Large

Black BG

9.4AAA

6.9AA

5.5AA

5.1AA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8586A0

8C8C93

929186

989679

9E9C6C

Deuteranopia

7F77A3

8A8994

969A84

A0AA75

ABBC66

Tritanopia

5DA8AA

839595

A9807F

CE6C6A

F45854

Achromatopsia

9C9C9C

919191

858585

797979

6D6D6D

Shades & Tints Shades & Tints

#58C096

Dark

Light

#829892

Dark

Light

#AC708D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #58c096;
  --color-2: #829892;
  --color-3: #ac708d;
  --color-4: #d54789;
  --color-5: #ff1f84;
}

SCSS

$color-1: #58c096;
$color-2: #829892;
$color-3: #ac708d;
$color-4: #d54789;
$color-5: #ff1f84;

TAILWIND

colors: {
  'brand-1': '#58c096',
  'brand-2': '#829892',
  'brand-3': '#ac708d',
  'brand-4': '#d54789',
  'brand-5': '#ff1f84',
}

RGB Array

[88, 192, 150], [130, 152, 146], [172, 112, 141], [213, 71, 137], [255, 31, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #58C096, #829892, #AC708D, #D54789, #FF1F84 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: #58c096; --color-2: #829892; --color-3: #ac708d; --color-4: #d54789; --color-5: #ff1f84. 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