#617B3C + #155B50 + #70ADA6 + #3C9E65 + #128775 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#617B3C

Grass Green · DarkOliveGreen · Forest Green

HEX

#617B3C

RGB

rgb(97, 123, 60)

HSL

hsl(85, 34%, 36%)

HSB

hsb(85, 51%, 48%)

CMYK

cmyk(21%, 0%, 51%, 52%)

Oklch

oklch(54.7% 0.094 127.7)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#155B50

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#155B50

RGB

rgb(21, 91, 80)

HSL

hsl(171, 63%, 22%)

HSB

hsb(171, 77%, 36%)

CMYK

cmyk(77%, 0%, 12%, 64%)

Oklch

oklch(42.6% 0.069 179.9)

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

#70ADA6

Mineral Blue · CadetBlue · Lake Green

HEX

#70ADA6

RGB

rgb(112, 173, 166)

HSL

hsl(173, 27%, 56%)

HSB

hsb(173, 35%, 68%)

CMYK

cmyk(35%, 0%, 4%, 32%)

Oklch

oklch(70.4% 0.064 186.7)

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

#3C9E65

Celadon · MediumSeaGreen · Olive Green

HEX

#3C9E65

RGB

rgb(60, 158, 101)

HSL

hsl(145, 45%, 43%)

HSB

hsb(145, 62%, 62%)

CMYK

cmyk(62%, 0%, 36%, 38%)

Oklch

oklch(62.7% 0.126 154.6)

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

#128775

Mineral Blue · Teal · Mint Ice

HEX

#128775

RGB

rgb(18, 135, 117)

HSL

hsl(171, 76%, 30%)

HSB

hsb(171, 87%, 53%)

CMYK

cmyk(87%, 0%, 13%, 47%)

Oklch

oklch(56.0% 0.099 178.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

617B3C

573D7B

Analogous

7B763D

617B3C

427B3D

Triadic

617B3C

3D617B

7B3D61

Split-Comp.

617B3C

3D427B

763D7B

Tetradic

617B3C

3D7B76

573D7B

7B3D42

Contrast Matrix WCAG 2.1 Contrast

617B3C	155B50	70ADA6	3C9E65	128775
—	1.7 Fail	1.9 Fail	1.4 Fail	1.1 Fail
1.7 Fail	—	3.1 AA Large	2.4 Fail	1.8 Fail
1.9 Fail	3.1 AA Large	—	1.3 Fail	1.7 Fail
1.4 Fail	2.4 Fail	1.3 Fail	—	1.3 Fail
1.1 Fail	1.8 Fail	1.7 Fail	1.3 Fail	—

White BG

4.8AA

7.9AAA

2.6Fail

3.3AA Large

4.4AA Large

Black BG

4.4AA Large

2.6Fail

8.2AAA

6.3AA

4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C4B

333453

8A8BA8

666773

454679

Deuteranopia

6B694F

2F2A53

8782A8

615976

3E357A

Tritanopia

62575A

195555

73A9A9

417E80

187D7E

Achromatopsia

6C6C6C

454545

9A9A9A

7A7A7A

626262

Shades & Tints Shades & Tints

#617B3C

Dark

Light

#155B50

Dark

Light

#70ADA6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #617b3c;
  --color-2: #155b50;
  --color-3: #70ada6;
  --color-4: #3c9e65;
  --color-5: #128775;
}

SCSS

$color-1: #617b3c;
$color-2: #155b50;
$color-3: #70ada6;
$color-4: #3c9e65;
$color-5: #128775;

TAILWIND

colors: {
  'brand-1': '#617b3c',
  'brand-2': '#155b50',
  'brand-3': '#70ada6',
  'brand-4': '#3c9e65',
  'brand-5': '#128775',
}

RGB Array

[97, 123, 60], [21, 91, 80], [112, 173, 166], [60, 158, 101], [18, 135, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #617B3C, #155B50, #70ADA6, #3C9E65, #128775 is ideal for: tech websites, dark mode UIs, game UIs. 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: #617b3c; --color-2: #155b50; --color-3: #70ada6; --color-4: #3c9e65; --color-5: #128775. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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