← Back to Editor

#94D19A · #A2BD68 · #C28C34 · #D95225 · #E31041

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#94D19A

Celadon · DarkSeaGreen · Apple Green

HEX
#94D19A
RGB
rgb(148, 209, 154)
HSL
hsl(126, 40%, 70%)
HSB
hsb(126, 29%, 82%)
CMYK
cmyk(29%, 0%, 26%, 18%)
Oklch
oklch(80.5% 0.099 147.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#A2BD68

Grass Green · DarkSeaGreen · Olive Green

HEX
#A2BD68
RGB
rgb(162, 189, 104)
HSL
hsl(79, 39%, 57%)
HSB
hsb(79, 45%, 74%)
CMYK
cmyk(14%, 0%, 45%, 26%)
Oklch
oklch(75.9% 0.115 123.6)

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

#C28C34

Ochre · GoldenRod · Amber Brown

HEX
#C28C34
RGB
rgb(194, 140, 52)
HSL
hsl(37, 58%, 48%)
HSB
hsb(37, 73%, 76%)
CMYK
cmyk(0%, 28%, 73%, 24%)
Oklch
oklch(67.7% 0.121 75.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#D95225

Tangerine · Chocolate · Amber Brown

HEX
#D95225
RGB
rgb(217, 82, 37)
HSL
hsl(15, 71%, 50%)
HSB
hsb(15, 83%, 85%)
CMYK
cmyk(0%, 62%, 83%, 15%)
Oklch
oklch(61.3% 0.179 37.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E31041

Vermilion · Crimson · Passion Red

HEX
#E31041
RGB
rgb(227, 16, 65)
HSL
hsl(346, 87%, 48%)
HSB
hsb(346, 93%, 89%)
CMYK
cmyk(0%, 93%, 71%, 11%)
Oklch
oklch(58.4% 0.229 19.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94D19A
D194CB

Analogous

ACD194
94D19A
94D1B9

Triadic

94D19A
9A94D1
D19A94

Split-Comp.

94D19A
B994D1
D194AC

Tetradic

94D19A
94ACD1
D194CB
D1B994

Contrast Matrix WCAG 2.1 Contrast

94D19A
A2BD68
C28C34
D95225
E31041
—
1.2
Fail
1.7
Fail
2.3
Fail
2.7
Fail
1.2
Fail
—
1.4
Fail
1.9
Fail
2.3
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
2.3
Fail
1.9
Fail
1.4
Fail
—
1.2
Fail
2.7
Fail
2.3
Fail
1.6
Fail
1.2
Fail
—
White BG
1.8Fail
2.1Fail
3.0Fail
4.1AA Large
4.8AA
Black BG
11.8AAA
10.0AAA
7.1AAA
5.2AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAFA7
AEAE7D
ABAA49
9F9D30
888635

Deuteranopia

ABA6AB
ACAA82
AEB24E
A6B033
94A432

Tritanopia

97B2B4
A38D90
BF5A5E
D2383A
D82C2A

Achromatopsia

B8B8B8
ABABAB
929292
757575
555555

Shades & Tints Shades & Tints

#94D19A

Dark
Light

#A2BD68

Dark
Light

#C28C34

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94d19a;
  --color-2: #a2bd68;
  --color-3: #c28c34;
  --color-4: #d95225;
  --color-5: #e31041;
}

SCSS

$color-1: #94d19a;
$color-2: #a2bd68;
$color-3: #c28c34;
$color-4: #d95225;
$color-5: #e31041;

TAILWIND

colors: {
  'brand-1': '#94d19a',
  'brand-2': '#a2bd68',
  'brand-3': '#c28c34',
  'brand-4': '#d95225',
  'brand-5': '#e31041',
}

RGB Array

[148, 209, 154], [162, 189, 104], [194, 140, 52], [217, 82, 37], [227, 16, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94D19A, #A2BD68, #C28C34, #D95225, #E31041 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: #94d19a; --color-2: #a2bd68; --color-3: #c28c34; --color-4: #d95225; --color-5: #e31041. 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