#5CD15C + #5CD178 + #5CD18B + #5CD1A2 + #5CD1B5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#5CD15C

Emerald · MediumSeaGreen · Olive Green

HEX

#5CD15C

RGB

rgb(92, 209, 92)

HSL

hsl(120, 56%, 59%)

HSB

hsb(120, 56%, 82%)

CMYK

cmyk(56%, 0%, 56%, 18%)

Oklch

oklch(76.8% 0.190 143.5)

Traditional「Emerald」· Paint「Olive Green」· Creative Blush Sunrise

#5CD178

Emerald · MediumSeaGreen · Olive Green

HEX

#5CD178

RGB

rgb(92, 209, 120)

HSL

hsl(134, 56%, 59%)

HSB

hsb(134, 56%, 82%)

CMYK

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

Oklch

oklch(77.2% 0.165 149.0)

Traditional「Emerald」· Paint「Olive Green」· Creative Blush Sunrise

#5CD18B

Emerald · MediumAquaMarine · Olive Green

HEX

#5CD18B

RGB

rgb(92, 209, 139)

HSL

hsl(144, 56%, 59%)

HSB

hsb(144, 56%, 82%)

CMYK

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

Oklch

oklch(77.5% 0.147 154.6)

Traditional「Emerald」· Paint「Olive Green」· Creative Blush Sunrise

#5CD1A2

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#5CD1A2

RGB

rgb(92, 209, 162)

HSL

hsl(156, 56%, 59%)

HSB

hsb(156, 56%, 82%)

CMYK

cmyk(56%, 0%, 22%, 18%)

Oklch

oklch(78.1% 0.127 164.2)

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

#5CD1B5

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#5CD1B5

RGB

rgb(92, 209, 181)

HSL

hsl(166, 56%, 59%)

HSB

hsb(166, 56%, 82%)

CMYK

cmyk(56%, 0%, 13%, 18%)

Oklch

oklch(78.6% 0.114 175.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5CD15C

D15CD1

Analogous

96D15C

5CD15C

5CD196

Triadic

5CD15C

5C5CD1

D15C5C

Split-Comp.

5CD15C

965CD1

D15C96

Tetradic

5CD15C

5C96D1

D15CD1

D1965C

Contrast Matrix WCAG 2.1 Contrast

5CD15C	5CD178	5CD18B	5CD1A2	5CD1B5
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

2.0Fail

1.9Fail

Black BG

10.7AAA

10.8AAA

10.9AAA

11.1AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F9078

8F908E

8F909C

8F90AD

8F90BC

Deuteranopia

887F7F

887F93

887FA0

887FB0

887FBD

Tritanopia

628F94

629FA2

62A9AC

62B6B8

62C1C2

Achromatopsia

A1A1A1

A4A4A4

A6A6A6

A9A9A9

ABABAB

Shades & Tints Shades & Tints

#5CD15C

Dark

Light

#5CD178

Dark

Light

#5CD18B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5cd15c;
  --color-2: #5cd178;
  --color-3: #5cd18b;
  --color-4: #5cd1a2;
  --color-5: #5cd1b5;
}

SCSS

$color-1: #5cd15c;
$color-2: #5cd178;
$color-3: #5cd18b;
$color-4: #5cd1a2;
$color-5: #5cd1b5;

TAILWIND

colors: {
  'brand-1': '#5cd15c',
  'brand-2': '#5cd178',
  'brand-3': '#5cd18b',
  'brand-4': '#5cd1a2',
  'brand-5': '#5cd1b5',
}

RGB Array

[92, 209, 92], [92, 209, 120], [92, 209, 139], [92, 209, 162], [92, 209, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5CD15C, #5CD178, #5CD18B, #5CD1A2, #5CD1B5 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: #5cd15c; --color-2: #5cd178; --color-3: #5cd18b; --color-4: #5cd1a2; --color-5: #5cd1b5. 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