#94DD3C + #2BB376 + #208F94 + #B33987 + #D36EAE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#94DD3C

Grass Green · GreenYellow · Olive Green

HEX

#94DD3C

RGB

rgb(148, 221, 60)

HSL

hsl(87, 70%, 55%)

HSB

hsb(87, 73%, 87%)

CMYK

cmyk(33%, 0%, 73%, 13%)

Oklch

oklch(82.0% 0.200 131.2)

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

#2BB376

Mineral Blue · MediumSeaGreen · Olive Green

HEX

#2BB376

RGB

rgb(43, 179, 118)

HSL

hsl(153, 61%, 44%)

HSB

hsb(153, 76%, 70%)

CMYK

cmyk(76%, 0%, 34%, 30%)

Oklch

oklch(68.1% 0.145 158.4)

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

#208F94

Lake Blue · Teal · Mint Ice

HEX

#208F94

RGB

rgb(32, 143, 148)

HSL

hsl(183, 64%, 35%)

HSB

hsb(183, 78%, 58%)

CMYK

cmyk(78%, 3%, 0%, 42%)

Oklch

oklch(59.4% 0.094 199.6)

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

#B33987

Rose Purple · MediumVioletRed · Camellia

HEX

#B33987

RGB

rgb(179, 57, 135)

HSL

hsl(322, 52%, 46%)

HSB

hsb(322, 68%, 70%)

CMYK

cmyk(0%, 68%, 25%, 30%)

Oklch

oklch(54.6% 0.177 345.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#D36EAE

Mauve · Orchid · Rose Pink

HEX

#D36EAE

RGB

rgb(211, 110, 174)

HSL

hsl(322, 53%, 63%)

HSB

hsb(322, 48%, 83%)

CMYK

cmyk(0%, 48%, 18%, 17%)

Oklch

oklch(67.4% 0.148 343.1)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94DD3C

843CDD

Analogous

DDD53C

94DD3C

44DD3C

Triadic

94DD3C

3C94DD

DD3C94

Split-Comp.

94DD3C

3C44DD

D53CDD

Tetradic

94DD3C

3CDDD5

843CDD

DD3C44

Contrast Matrix WCAG 2.1 Contrast

94DD3C	2BB376	208F94	B33987	D36EAE
—	1.6 Fail	2.3 Fail	3.3 AA Large	1.9 Fail
1.6 Fail	—	1.4 Fail	2.0 Fail	1.2 Fail
2.3 Fail	1.4 Fail	—	1.4 Fail	1.2 Fail
3.3 AA Large	2.0 Fail	1.4 Fail	—	1.7 Fail
1.9 Fail	1.2 Fail	1.2 Fail	1.7 Fail	—

White BG

1.7Fail

2.7Fail

3.9AA Large

5.5AA

3.2AA Large

Black BG

12.7AAA

7.8AAA

5.4AA

3.9AA Large

6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B463

666785

505193

7E7D74

A7A69F

Deuteranopia

AFAA6C

5E5488

4A4193

858E70

ADB59B

Tritanopia

988288

329093

269292

AD6562

CE9290

Achromatopsia

B5B5B5

838383

6E6E6E

666666

939393

Shades & Tints Shades & Tints

#94DD3C

Dark

Light

#2BB376

Dark

Light

#208F94

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94dd3c;
  --color-2: #2bb376;
  --color-3: #208f94;
  --color-4: #b33987;
  --color-5: #d36eae;
}

SCSS

$color-1: #94dd3c;
$color-2: #2bb376;
$color-3: #208f94;
$color-4: #b33987;
$color-5: #d36eae;

TAILWIND

colors: {
  'brand-1': '#94dd3c',
  'brand-2': '#2bb376',
  'brand-3': '#208f94',
  'brand-4': '#b33987',
  'brand-5': '#d36eae',
}

RGB Array

[148, 221, 60], [43, 179, 118], [32, 143, 148], [179, 57, 135], [211, 110, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94DD3C, #2BB376, #208F94, #B33987, #D36EAE 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: #94dd3c; --color-2: #2bb376; --color-3: #208f94; --color-4: #b33987; --color-5: #d36eae. 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