#95C540 + #73BD48 + #28B149 + #8B40C5 + #9B28B1 · spring - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#95C540

Grass Green · GreenYellow · Olive Green

HEX

#95C540

RGB

rgb(149, 197, 64)

HSL

hsl(82, 53%, 51%)

HSB

hsb(82, 68%, 77%)

CMYK

cmyk(24%, 0%, 68%, 23%)

Oklch

oklch(76.4% 0.168 127.2)

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

#73BD48

Celadon · MediumSeaGreen · Olive Green

HEX

#73BD48

RGB

rgb(115, 189, 72)

HSL

hsl(98, 47%, 51%)

HSB

hsb(98, 62%, 74%)

CMYK

cmyk(39%, 0%, 62%, 26%)

Oklch

oklch(72.5% 0.169 135.8)

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

#28B149

Pine Green · LimeGreen · Olive Green

HEX

#28B149

RGB

rgb(40, 177, 73)

HSL

hsl(134, 63%, 43%)

HSB

hsb(134, 77%, 69%)

CMYK

cmyk(77%, 0%, 59%, 31%)

Oklch

oklch(66.8% 0.184 146.9)

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

#8B40C5

Royal Purple · DarkOrchid · Violet

HEX

#8B40C5

RGB

rgb(139, 64, 197)

HSL

hsl(274, 53%, 51%)

HSB

hsb(274, 68%, 77%)

CMYK

cmyk(29%, 68%, 0%, 23%)

Oklch

oklch(53.3% 0.200 306.6)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#9B28B1

Royal Purple · DarkOrchid · Violet

HEX

#9B28B1

RGB

rgb(155, 40, 177)

HSL

hsl(290, 63%, 43%)

HSB

hsb(290, 77%, 69%)

CMYK

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

Oklch

oklch(51.7% 0.215 320.5)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95C540

7040C4

Analogous

C4B340

95C540

51C440

Triadic

95C540

4094C4

C44094

Split-Comp.

95C540

4051C4

B340C4

Tetradic

95C540

40C4B3

7040C4

C44051

Contrast Matrix WCAG 2.1 Contrast

95C540	73BD48	28B149	8B40C5	9B28B1
—	1.1 Fail	1.4 Fail	2.8 Fail	3.1 AA Large
1.1 Fail	—	1.2 Fail	2.5 Fail	2.7 Fail
1.4 Fail	1.2 Fail	—	2.1 Fail	2.2 Fail
2.8 Fail	2.5 Fail	2.1 Fail	—	1.1 Fail
3.1 AA Large	2.7 Fail	2.2 Fail	1.1 Fail	—

White BG

2.0Fail

2.3Fail

2.8Fail

5.8AA

6.3AA

Black BG

10.3AAA

9.1AAA

7.5AAA

3.6AA Large

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAA60

939464

636562

6B6AA5

696890

Deuteranopia

A7A368

8F896B

5B5168

6F759D

707988

Tritanopia

977A7F

777B80

2F767A

878B86

957670

Achromatopsia

A7A7A7

9A9A9A

7C7C7C

666666

5A5A5A

Shades & Tints Shades & Tints

#95C540

Dark

Light

#73BD48

Dark

Light

#28B149

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95c540;
  --color-2: #73bd48;
  --color-3: #28b149;
  --color-4: #8b40c5;
  --color-5: #9b28b1;
}

SCSS

$color-1: #95c540;
$color-2: #73bd48;
$color-3: #28b149;
$color-4: #8b40c5;
$color-5: #9b28b1;

TAILWIND

colors: {
  'brand-1': '#95c540',
  'brand-2': '#73bd48',
  'brand-3': '#28b149',
  'brand-4': '#8b40c5',
  'brand-5': '#9b28b1',
}

RGB Array

[149, 197, 64], [115, 189, 72], [40, 177, 73], [139, 64, 197], [155, 40, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #95C540, #73BD48, #28B149, #8B40C5, #9B28B1 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: #95c540; --color-2: #73bd48; --color-3: #28b149; --color-4: #8b40c5; --color-5: #9b28b1. 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 spring-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