#A6C740 + #78B83E + #C43154 + #DF4C6B + #CABE7F · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A6C740

Grass Green · GreenYellow · Olive Green

HEX

#A6C740

RGB

rgb(166, 199, 64)

HSL

hsl(75, 55%, 52%)

HSB

hsb(75, 68%, 78%)

CMYK

cmyk(17%, 0%, 68%, 22%)

Oklch

oklch(78.0% 0.163 122.1)

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

#78B83E

Celadon · LimeGreen · Olive Green

HEX

#78B83E

RGB

rgb(120, 184, 62)

HSL

hsl(91, 50%, 48%)

HSB

hsb(91, 66%, 72%)

CMYK

cmyk(35%, 0%, 66%, 28%)

Oklch

oklch(71.5% 0.167 132.9)

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

#C43154

Crimson · Crimson · Passion Red

HEX

#C43154

RGB

rgb(196, 49, 84)

HSL

hsl(346, 60%, 48%)

HSB

hsb(346, 75%, 77%)

CMYK

cmyk(0%, 75%, 57%, 23%)

Oklch

oklch(55.0% 0.183 12.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#DF4C6B

Vermilion · Tomato · Passion Red

HEX

#DF4C6B

RGB

rgb(223, 76, 107)

HSL

hsl(347, 70%, 59%)

HSB

hsb(347, 66%, 87%)

CMYK

cmyk(0%, 66%, 52%, 13%)

Oklch

oklch(62.6% 0.183 11.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#CABE7F

Fresh Green · Tan · Sunflower

HEX

#CABE7F

RGB

rgb(202, 190, 127)

HSL

hsl(50, 41%, 65%)

HSB

hsb(50, 37%, 79%)

CMYK

cmyk(0%, 6%, 37%, 21%)

Oklch

oklch(79.7% 0.083 98.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6C740

6341C8

Analogous

C8A641

A6C740

63C841

Triadic

A6C740

41A6C8

C841A6

Split-Comp.

A6C740

4163C8

A641C8

Tetradic

A6C740

41C8A6

6341C8

C84163

Contrast Matrix WCAG 2.1 Contrast

A6C740	78B83E	C43154	DF4C6B	CABE7F
—	1.2 Fail	2.8 Fail	2.0 Fail	1.0 Fail
1.2 Fail	—	2.2 Fail	1.6 Fail	1.3 Fail
2.8 Fail	2.2 Fail	—	1.4 Fail	2.9 Fail
2.0 Fail	1.6 Fail	1.4 Fail	—	2.1 Fail
1.0 Fail	1.3 Fail	2.9 Fail	2.1 Fail	—

White BG

1.9Fail

2.4Fail

5.4AA

3.9AA Large

1.9Fail

Black BG

10.9AAA

8.7AAA

3.9AA Large

5.4AA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B561

94945C

84834C

9F9E63

C5C58E

Deuteranopia

B2B069

908B63

8D984A

A8B362

C6C692

Tritanopia

A87A80

7B7378

BD4543

D85E5C

C99A9D

Achromatopsia

AEAEAE

979797

616161

7B7B7B

BABABA

Shades & Tints Shades & Tints

#A6C740

Dark

Light

#78B83E

Dark

Light

#C43154

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6c740;
  --color-2: #78b83e;
  --color-3: #c43154;
  --color-4: #df4c6b;
  --color-5: #cabe7f;
}

SCSS

$color-1: #a6c740;
$color-2: #78b83e;
$color-3: #c43154;
$color-4: #df4c6b;
$color-5: #cabe7f;

TAILWIND

colors: {
  'brand-1': '#a6c740',
  'brand-2': '#78b83e',
  'brand-3': '#c43154',
  'brand-4': '#df4c6b',
  'brand-5': '#cabe7f',
}

RGB Array

[166, 199, 64], [120, 184, 62], [196, 49, 84], [223, 76, 107], [202, 190, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #A6C740, #78B83E, #C43154, #DF4C6B, #CABE7F 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: #a6c740; --color-2: #78b83e; --color-3: #c43154; --color-4: #df4c6b; --color-5: #cabe7f. 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 space-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