← Back to Editor

#37C912 · #09B3AA · #5F7D79 · #914A58 · #E90E51

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#37C912

Pine Green · LimeGreen · Olive Green

HEX
#37C912
RGB
rgb(55, 201, 18)
HSL
hsl(108, 84%, 43%)
HSB
hsb(108, 91%, 79%)
CMYK
cmyk(73%, 0%, 91%, 21%)
Oklch
oklch(73.1% 0.235 140.9)

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

#09B3AA

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#09B3AA
RGB
rgb(9, 179, 170)
HSL
hsl(177, 90%, 37%)
HSB
hsb(177, 95%, 70%)
CMYK
cmyk(95%, 0%, 5%, 30%)
Oklch
oklch(69.2% 0.119 188.4)

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

#5F7D79

Mineral Blue · DimGray · Mint Ice

HEX
#5F7D79
RGB
rgb(95, 125, 121)
HSL
hsl(172, 14%, 43%)
HSB
hsb(172, 24%, 49%)
CMYK
cmyk(24%, 0%, 3%, 51%)
Oklch
oklch(56.5% 0.035 186.2)

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

#914A58

Crimson · Sienna · Passion Red

HEX
#914A58
RGB
rgb(145, 74, 88)
HSL
hsl(348, 32%, 43%)
HSB
hsb(348, 49%, 57%)
CMYK
cmyk(0%, 49%, 39%, 43%)
Oklch
oklch(50.0% 0.096 8.7)

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

#E90E51

Dark Violet · Crimson · Camellia

HEX
#E90E51
RGB
rgb(233, 14, 81)
HSL
hsl(342, 89%, 48%)
HSB
hsb(342, 94%, 91%)
CMYK
cmyk(0%, 94%, 65%, 9%)
Oklch
oklch(59.7% 0.234 14.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

37C912
A512CA

Analogous

92CA12
37C912
12CA49

Triadic

37C912
1236CA
CA1236

Split-Comp.

37C912
4912CA
CA1292

Tetradic

37C912
1292CA
A512CA
CA4912

Contrast Matrix WCAG 2.1 Contrast

37C912
09B3AA
5F7D79
914A58
E90E51
—
1.2
Fail
2.0
Fail
2.9
Fail
2.1
Fail
1.2
Fail
—
1.7
Fail
2.4
Fail
1.7
Fail
2.0
Fail
1.7
Fail
—
1.4
Fail
1.0
Fail
2.9
Fail
2.4
Fail
1.4
Fail
—
1.4
Fail
2.1
Fail
1.7
Fail
1.0
Fail
1.4
Fail
—
White BG
2.2Fail
2.6Fail
4.5AA Large
6.3AA
4.5AA
Black BG
9.5AAA
8.0AAA
4.7AA
3.3AA Large
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

76783E
5354AC
6C6C7A
727255
8A8841

Deuteranopia

6E6349
493CAD
6A687A
767C54
97A73D

Tritanopia

3E6169
12AEAE
617B7B
8D5251
DE3431

Achromatopsia

888888
7F7F7F
747474
616161
575757

Shades & Tints Shades & Tints

#37C912

Dark
Light

#09B3AA

Dark
Light

#5F7D79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #37c912;
  --color-2: #09b3aa;
  --color-3: #5f7d79;
  --color-4: #914a58;
  --color-5: #e90e51;
}

SCSS

$color-1: #37c912;
$color-2: #09b3aa;
$color-3: #5f7d79;
$color-4: #914a58;
$color-5: #e90e51;

TAILWIND

colors: {
  'brand-1': '#37c912',
  'brand-2': '#09b3aa',
  'brand-3': '#5f7d79',
  'brand-4': '#914a58',
  'brand-5': '#e90e51',
}

RGB Array

[55, 201, 18], [9, 179, 170], [95, 125, 121], [145, 74, 88], [233, 14, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #37C912, #09B3AA, #5F7D79, #914A58, #E90E51 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #37c912; --color-2: #09b3aa; --color-3: #5f7d79; --color-4: #914a58; --color-5: #e90e51. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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