#95DB41 + #6EBE8A + #40B0AF + #57647D + #A978AC · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#95DB41

Grass Green · GreenYellow · Olive Green

HEX

#95DB41

RGB

rgb(149, 219, 65)

HSL

hsl(87, 68%, 56%)

HSB

hsb(87, 70%, 86%)

CMYK

cmyk(32%, 0%, 70%, 14%)

Oklch

oklch(81.6% 0.195 131.0)

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

#6EBE8A

Celadon · DarkSeaGreen · Olive Green

HEX

#6EBE8A

RGB

rgb(110, 190, 138)

HSL

hsl(141, 38%, 59%)

HSB

hsb(141, 42%, 75%)

CMYK

cmyk(42%, 0%, 27%, 25%)

Oklch

oklch(73.6% 0.110 154.3)

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

#40B0AF

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#40B0AF

RGB

rgb(64, 176, 175)

HSL

hsl(179, 47%, 47%)

HSB

hsb(179, 64%, 69%)

CMYK

cmyk(64%, 0%, 1%, 31%)

Oklch

oklch(69.5% 0.099 194.3)

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

#57647D

Indigo · DimGray · Navy Blue

HEX

#57647D

RGB

rgb(87, 100, 125)

HSL

hsl(219, 18%, 42%)

HSB

hsb(219, 30%, 49%)

CMYK

cmyk(30%, 20%, 0%, 51%)

Oklch

oklch(50.2% 0.043 263.4)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#A978AC

Dark Plum · DarkGray · Violet

HEX

#A978AC

RGB

rgb(169, 120, 172)

HSL

hsl(297, 24%, 57%)

HSB

hsb(297, 30%, 67%)

CMYK

cmyk(2%, 30%, 0%, 33%)

Oklch

oklch(64.0% 0.094 324.7)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95DB41

8743DB

Analogous

DBD343

95DB41

4ADB43

Triadic

95DB41

4396DB

DB4396

Split-Comp.

95DB41

434ADB

D343DB

Tetradic

95DB41

43DBD3

8743DB

DB434A

Contrast Matrix WCAG 2.1 Contrast

95DB41	6EBE8A	40B0AF	57647D	A978AC
—	1.3 Fail	1.6 Fail	3.5 AA Large	2.1 Fail
1.3 Fail	—	1.2 Fail	2.7 Fail	1.6 Fail
1.6 Fail	1.2 Fail	—	2.3 Fail	1.3 Fail
3.5 AA Large	2.7 Fail	2.3 Fail	—	1.7 Fail
2.1 Fail	1.6 Fail	1.3 Fail	1.7 Fail	—

White BG

1.7Fail

2.2Fail

2.6Fail

6.0AA

3.5AA Large

Black BG

12.5AAA

9.4AAA

8.0AAA

3.5AA Large

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B466

919197

7072AF

5D5D77

94939F

Deuteranopia

AFAA6F

8C869A

6A62AF

5C5B76

979A9C

Tritanopia

98848A

72A1A3

46AFAF

587271

A79593

Achromatopsia

B5B5B5

A0A0A0

8E8E8E

636363

8D8D8D

Shades & Tints Shades & Tints

#95DB41

Dark

Light

#6EBE8A

Dark

Light

#40B0AF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95db41;
  --color-2: #6ebe8a;
  --color-3: #40b0af;
  --color-4: #57647d;
  --color-5: #a978ac;
}

SCSS

$color-1: #95db41;
$color-2: #6ebe8a;
$color-3: #40b0af;
$color-4: #57647d;
$color-5: #a978ac;

TAILWIND

colors: {
  'brand-1': '#95db41',
  'brand-2': '#6ebe8a',
  'brand-3': '#40b0af',
  'brand-4': '#57647d',
  'brand-5': '#a978ac',
}

RGB Array

[149, 219, 65], [110, 190, 138], [64, 176, 175], [87, 100, 125], [169, 120, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #95DB41, #6EBE8A, #40B0AF, #57647D, #A978AC 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: #95db41; --color-2: #6ebe8a; --color-3: #40b0af; --color-4: #57647d; --color-5: #a978ac. 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