#4E4D4A + #353432 + #94BA65 + #2790B0 + #2B4E72 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#4E4D4A

Dark Cyan · DarkSlateGray · Charcoal

HEX

#4E4D4A

RGB

rgb(78, 77, 74)

HSL

hsl(45, 3%, 30%)

HSB

hsb(45, 5%, 31%)

CMYK

cmyk(0%, 1%, 5%, 69%)

Oklch

oklch(42.0% 0.005 91.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#353432

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#353432

RGB

rgb(53, 52, 50)

HSL

hsl(40, 3%, 20%)

HSB

hsb(40, 6%, 21%)

CMYK

cmyk(0%, 2%, 6%, 79%)

Oklch

oklch(32.5% 0.004 84.6)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#94BA65

Grass Green · DarkSeaGreen · Olive Green

HEX

#94BA65

RGB

rgb(148, 186, 101)

HSL

hsl(87, 38%, 56%)

HSB

hsb(87, 46%, 73%)

CMYK

cmyk(20%, 0%, 46%, 27%)

Oklch

oklch(74.2% 0.120 128.7)

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

#2790B0

Lake Blue · SteelBlue · Mint Ice

HEX

#2790B0

RGB

rgb(39, 144, 176)

HSL

hsl(194, 64%, 42%)

HSB

hsb(194, 78%, 69%)

CMYK

cmyk(78%, 18%, 0%, 31%)

Oklch

oklch(61.0% 0.103 223.3)

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

#2B4E72

Indigo · DarkSlateGray · Prussian Blue

HEX

#2B4E72

RGB

rgb(43, 78, 114)

HSL

hsl(210, 45%, 31%)

HSB

hsb(210, 62%, 45%)

CMYK

cmyk(62%, 32%, 0%, 55%)

Oklch

oklch(41.5% 0.073 250.6)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E4D4A

4A4B4F

Analogous

4F4B4A

4E4D4A

4E4F4A

Triadic

4E4D4A

4A4F4E

4E4A4F

Split-Comp.

4E4D4A

4A4E4F

4B4A4F

Tetradic

4E4D4A

4A4F4B

4A4B4F

4F4A4E

Contrast Matrix WCAG 2.1 Contrast

4E4D4A	353432	94BA65	2790B0	2B4E72
—	1.5 Fail	3.8 AA Large	2.3 Fail	1.0 Fail
1.5 Fail	—	5.6 AA	3.4 AA Large	1.4 Fail
3.8 AA Large	5.6 AA	—	1.7 Fail	3.9 AA Large
2.3 Fail	3.4 AA Large	1.7 Fail	—	2.3 Fail
1.0 Fail	1.4 Fail	3.9 AA Large	2.3 Fail	—

White BG

8.5AAA

12.4AAA

2.2Fail

3.7AA Large

8.6AAA

Black BG

2.5Fail

1.7Fail

9.5AAA

5.7AA

2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E4B

353532

A4A57A

5455A8

3A3A69

Deuteranopia

4E4E4B

353533

A29F7E

4E47A6

383667

Tritanopia

4E4B4B

353333

968A8D

2CA2A1

2D6261

Achromatopsia

4D4D4D

343434

A5A5A5

747474

484848

Shades & Tints Shades & Tints

#4E4D4A

Dark

Light

#353432

Dark

Light

#94BA65

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e4d4a;
  --color-2: #353432;
  --color-3: #94ba65;
  --color-4: #2790b0;
  --color-5: #2b4e72;
}

SCSS

$color-1: #4e4d4a;
$color-2: #353432;
$color-3: #94ba65;
$color-4: #2790b0;
$color-5: #2b4e72;

TAILWIND

colors: {
  'brand-1': '#4e4d4a',
  'brand-2': '#353432',
  'brand-3': '#94ba65',
  'brand-4': '#2790b0',
  'brand-5': '#2b4e72',
}

RGB Array

[78, 77, 74], [53, 52, 50], [148, 186, 101], [39, 144, 176], [43, 78, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4E4D4A, #353432, #94BA65, #2790B0, #2B4E72 is ideal for: tech websites, dark mode UIs, game UIs. 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: #4e4d4a; --color-2: #353432; --color-3: #94ba65; --color-4: #2790b0; --color-5: #2b4e72. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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