← Back to Editor

#4E4240 · #5B5B7B · #5F829E · #74A38B · #A19E58

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#4E4240

Crimson · DarkSlateGray · Wine Red

HEX
#4E4240
RGB
rgb(78, 66, 64)
HSL
hsl(9, 10%, 28%)
HSB
hsb(9, 18%, 31%)
CMYK
cmyk(0%, 15%, 18%, 69%)
Oklch
oklch(39.1% 0.017 29.0)

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

#5B5B7B

Deep Indigo · DimGray · Navy Blue

HEX
#5B5B7B
RGB
rgb(91, 91, 123)
HSL
hsl(240, 15%, 42%)
HSB
hsb(240, 26%, 48%)
CMYK
cmyk(26%, 26%, 0%, 52%)
Oklch
oklch(48.4% 0.051 284.3)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#5F829E

Slate Blue · SlateGray · Navy Blue

HEX
#5F829E
RGB
rgb(95, 130, 158)
HSL
hsl(207, 25%, 50%)
HSB
hsb(207, 40%, 62%)
CMYK
cmyk(40%, 18%, 0%, 38%)
Oklch
oklch(59.1% 0.058 243.1)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#74A38B

Celadon · CadetBlue · Olive Green

HEX
#74A38B
RGB
rgb(116, 163, 139)
HSL
hsl(149, 20%, 55%)
HSB
hsb(149, 29%, 64%)
CMYK
cmyk(29%, 0%, 15%, 36%)
Oklch
oklch(67.5% 0.062 161.9)

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

#A19E58

Autumn Sage · Gray · Honey Gold

HEX
#A19E58
RGB
rgb(161, 158, 88)
HSL
hsl(58, 29%, 49%)
HSB
hsb(58, 45%, 63%)
CMYK
cmyk(0%, 2%, 45%, 37%)
Oklch
oklch(68.6% 0.092 106.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E4240
404C4F

Analogous

4F4045
4E4240
4F4A40

Triadic

4E4240
404F42
42404F

Split-Comp.

4E4240
404F4A
40454F

Tetradic

4E4240
454F40
404C4F
4A404F

Contrast Matrix WCAG 2.1 Contrast

4E4240
5B5B7B
5F829E
74A38B
A19E58
—
1.5
Fail
2.4
Fail
3.4
AA Large
3.5
AA Large
1.5
Fail
—
1.6
Fail
2.3
Fail
2.3
Fail
2.4
Fail
1.6
Fail
—
1.4
Fail
1.5
Fail
3.4
AA Large
2.3
Fail
1.4
Fail
—
1.0
Fail
3.5
AA Large
2.3
Fail
1.5
Fail
1.0
Fail
—
White BG
9.6AAA
6.5AA
4.1AA Large
2.9Fail
2.8Fail
Black BG
2.2Fail
3.2AA Large
5.2AA
7.4AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494940
5B5B73
6E6E97
888991
A0A069

Deuteranopia

4A4A41
5B5B71
6C6A96
868292
A0A06D

Tritanopia

4D4141
5B6D6C
619291
769596
A17679

Achromatopsia

454545
5F5F5F
7B7B7B
929292
979797

Shades & Tints Shades & Tints

#4E4240

Dark
Light

#5B5B7B

Dark
Light

#5F829E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e4240;
  --color-2: #5b5b7b;
  --color-3: #5f829e;
  --color-4: #74a38b;
  --color-5: #a19e58;
}

SCSS

$color-1: #4e4240;
$color-2: #5b5b7b;
$color-3: #5f829e;
$color-4: #74a38b;
$color-5: #a19e58;

TAILWIND

colors: {
  'brand-1': '#4e4240',
  'brand-2': '#5b5b7b',
  'brand-3': '#5f829e',
  'brand-4': '#74a38b',
  'brand-5': '#a19e58',
}

RGB Array

[78, 66, 64], [91, 91, 123], [95, 130, 158], [116, 163, 139], [161, 158, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4E4240, #5B5B7B, #5F829E, #74A38B, #A19E58 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #4e4240; --color-2: #5b5b7b; --color-3: #5f829e; --color-4: #74a38b; --color-5: #a19e58. 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. Restrained colors convey professionalism and trust. 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