#41AF87 + #5BB97A + #73C073 + #9ECF86 + #029689 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#41AF87

Mineral Blue · MediumSeaGreen · Olive Green

HEX

#41AF87

RGB

rgb(65, 175, 135)

HSL

hsl(158, 46%, 47%)

HSB

hsb(158, 63%, 69%)

CMYK

cmyk(63%, 0%, 23%, 31%)

Oklch

oklch(68.0% 0.117 165.6)

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

#5BB97A

Celadon · MediumSeaGreen · Olive Green

HEX

#5BB97A

RGB

rgb(91, 185, 122)

HSL

hsl(140, 40%, 54%)

HSB

hsb(140, 51%, 73%)

CMYK

cmyk(51%, 0%, 34%, 27%)

Oklch

oklch(71.2% 0.129 152.5)

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

#73C073

Celadon · DarkSeaGreen · Olive Green

HEX

#73C073

RGB

rgb(115, 192, 115)

HSL

hsl(120, 38%, 60%)

HSB

hsb(120, 40%, 75%)

CMYK

cmyk(40%, 0%, 40%, 25%)

Oklch

oklch(73.9% 0.133 144.1)

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

#9ECF86

Celadon · DarkSeaGreen · Apple Green

HEX

#9ECF86

RGB

rgb(158, 207, 134)

HSL

hsl(100, 43%, 67%)

HSB

hsb(100, 35%, 81%)

CMYK

cmyk(24%, 0%, 35%, 19%)

Oklch

oklch(80.2% 0.111 135.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#029689

Mineral Blue · Teal · Mint Ice

HEX

#029689

RGB

rgb(2, 150, 137)

HSL

hsl(175, 97%, 30%)

HSB

hsb(175, 99%, 59%)

CMYK

cmyk(99%, 0%, 9%, 41%)

Oklch

oklch(60.5% 0.107 184.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

41AF87

AF4169

Analogous

41AF4F

41AF87

41A0AF

Triadic

41AF87

8741AF

AF8741

Split-Comp.

41AF87

AF41A0

AF4F41

Tetradic

41AF87

4F41AF

AF4169

A0AF41

Contrast Matrix WCAG 2.1 Contrast

41AF87	5BB97A	73C073	9ECF86	029689
—	1.1 Fail	1.2 Fail	1.5 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	1.5 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.7 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	2.0 Fail
1.3 Fail	1.5 Fail	1.7 Fail	2.0 Fail	—

White BG

2.7Fail

2.4Fail

2.2Fail

1.8Fail

3.7AA Large

Black BG

7.7AAA

8.7AAA

9.5AAA

11.7AAA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

717291

848589

949586

B3B498

42438C

Deuteranopia

6A6293

7E778D

908A8A

B0AD9C

3A2E8D

Tritanopia

47989A

609598

779498

A0A6A9

098F8F

Achromatopsia

8A8A8A

969696

A0A0A0

B8B8B8

686868

Shades & Tints Shades & Tints

#41AF87

Dark

Light

#5BB97A

Dark

Light

#73C073

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #41af87;
  --color-2: #5bb97a;
  --color-3: #73c073;
  --color-4: #9ecf86;
  --color-5: #029689;
}

SCSS

$color-1: #41af87;
$color-2: #5bb97a;
$color-3: #73c073;
$color-4: #9ecf86;
$color-5: #029689;

TAILWIND

colors: {
  'brand-1': '#41af87',
  'brand-2': '#5bb97a',
  'brand-3': '#73c073',
  'brand-4': '#9ecf86',
  'brand-5': '#029689',
}

RGB Array

[65, 175, 135], [91, 185, 122], [115, 192, 115], [158, 207, 134], [2, 150, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #41AF87, #5BB97A, #73C073, #9ECF86, #029689 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: #41af87; --color-2: #5bb97a; --color-3: #73c073; --color-4: #9ecf86; --color-5: #029689. 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