← Back to Editor

#46394D · #718379 · #94DBB9 · #EFFFA2 · #B1DF84

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#46394D

Dark Plum · DarkSlateGray · Eggplant

HEX
#46394D
RGB
rgb(70, 57, 77)
HSL
hsl(279, 15%, 26%)
HSB
hsb(279, 26%, 30%)
CMYK
cmyk(9%, 26%, 0%, 70%)
Oklch
oklch(36.6% 0.038 313.7)

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

#718379

Ink Gray · Gray · Warm Gray

HEX
#718379
RGB
rgb(113, 131, 121)
HSL
hsl(147, 7%, 48%)
HSB
hsb(147, 14%, 51%)
CMYK
cmyk(14%, 0%, 8%, 49%)
Oklch
oklch(59.2% 0.026 161.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#94DBB9

Jade · LightGreen · Apple Green

HEX
#94DBB9
RGB
rgb(148, 219, 185)
HSL
hsl(151, 50%, 72%)
HSB
hsb(151, 32%, 86%)
CMYK
cmyk(32%, 0%, 16%, 14%)
Oklch
oklch(83.5% 0.086 163.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#EFFFA2

Willow Green · Khaki · Mint Green

HEX
#EFFFA2
RGB
rgb(239, 255, 162)
HSL
hsl(70, 100%, 82%)
HSB
hsb(70, 36%, 100%)
CMYK
cmyk(6%, 0%, 36%, 0%)
Oklch
oklch(96.8% 0.117 116.6)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#B1DF84

Emerald · LightGreen · Apple Green

HEX
#B1DF84
RGB
rgb(177, 223, 132)
HSL
hsl(90, 59%, 70%)
HSB
hsb(90, 41%, 87%)
CMYK
cmyk(21%, 0%, 41%, 13%)
Oklch
oklch(85.0% 0.128 130.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

46394D
3F4C38

Analogous

3B384C
46394D
4C3849

Triadic

46394D
4C4538
384C45

Split-Comp.

46394D
494C38
384C3B

Tetradic

46394D
4C3B38
3F4C38
38494C

Contrast Matrix WCAG 2.1 Contrast

46394D
718379
94DBB9
EFFFA2
B1DF84
—
2.7
Fail
6.7
AA
10.0
AAA
7.0
AAA
2.7
Fail
—
2.5
Fail
3.7
AA Large
2.6
Fail
6.7
AA
2.5
Fail
—
1.5
Fail
1.1
Fail
10.0
AAA
3.7
AA Large
1.5
Fail
—
1.4
Fail
7.0
AAA
2.6
Fail
1.1
Fail
1.4
Fail
—
White BG
10.8AAA
4.0AA Large
1.6Fail
1.1Fail
1.5Fail
Black BG
2.0Fail
5.2AA
13.1AAA
19.5AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

404048
79797B
B3B3C1
F6F6B9
C5C59A

Deuteranopia

414247
78767C
AFA9C3
F5F4BE
C2BF9F

Tritanopia

454444
727D7E
98C8C9
F0CACE
B3ABAF

Achromatopsia

3F3F3F
7C7C7C
C2C2C2
F0F0F0
C7C7C7

Shades & Tints Shades & Tints

#46394D

Dark
Light

#718379

Dark
Light

#94DBB9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #46394d;
  --color-2: #718379;
  --color-3: #94dbb9;
  --color-4: #efffa2;
  --color-5: #b1df84;
}

SCSS

$color-1: #46394d;
$color-2: #718379;
$color-3: #94dbb9;
$color-4: #efffa2;
$color-5: #b1df84;

TAILWIND

colors: {
  'brand-1': '#46394d',
  'brand-2': '#718379',
  'brand-3': '#94dbb9',
  'brand-4': '#efffa2',
  'brand-5': '#b1df84',
}

RGB Array

[70, 57, 77], [113, 131, 121], [148, 219, 185], [239, 255, 162], [177, 223, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #46394D, #718379, #94DBB9, #EFFFA2, #B1DF84 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #46394d; --color-2: #718379; --color-3: #94dbb9; --color-4: #efffa2; --color-5: #b1df84. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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