← Back to Editor

#4B405B · #5C3D58 · #AC6F76 · #E0CF9F · #8B8078

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 LibraryData Visualization

Color Details Color Details

#4B405B

Deep Indigo · DarkSlateGray · Eggplant

HEX
#4B405B
RGB
rgb(75, 64, 91)
HSL
hsl(264, 17%, 30%)
HSB
hsb(264, 30%, 36%)
CMYK
cmyk(18%, 30%, 0%, 64%)
Oklch
oklch(39.4% 0.047 303.0)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#5C3D58

Rose Purple · DimGray · Eggplant

HEX
#5C3D58
RGB
rgb(92, 61, 88)
HSL
hsl(308, 20%, 30%)
HSB
hsb(308, 34%, 36%)
CMYK
cmyk(0%, 34%, 4%, 64%)
Oklch
oklch(40.6% 0.060 331.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#AC6F76

Crimson · Gray · Passion Red

HEX
#AC6F76
RGB
rgb(172, 111, 118)
HSL
hsl(353, 27%, 55%)
HSB
hsb(353, 35%, 67%)
CMYK
cmyk(0%, 35%, 31%, 33%)
Oklch
oklch(60.8% 0.078 12.1)

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

#E0CF9F

Goose Yellow · Wheat · Sunflower

HEX
#E0CF9F
RGB
rgb(224, 207, 159)
HSL
hsl(44, 51%, 75%)
HSB
hsb(44, 29%, 88%)
CMYK
cmyk(0%, 8%, 29%, 12%)
Oklch
oklch(85.7% 0.066 90.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#8B8078

Tangerine · Gray · Warm Gray

HEX
#8B8078
RGB
rgb(139, 128, 120)
HSL
hsl(25, 8%, 51%)
HSB
hsb(25, 14%, 55%)
CMYK
cmyk(0%, 8%, 14%, 45%)
Oklch
oklch(60.7% 0.018 58.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B405B
4F5A3F

Analogous

3F425A
4B405B
573F5A

Triadic

4B405B
5A4A3F
3F5A4A

Split-Comp.

4B405B
5A573F
425A3F

Tetradic

4B405B
5A3F42
4F5A3F
3F5A57

Contrast Matrix WCAG 2.1 Contrast

4B405B
5C3D58
AC6F76
E0CF9F
8B8078
—
1.0
Fail
2.4
Fail
6.2
AA
2.5
Fail
1.0
Fail
—
2.3
Fail
6.0
AA
2.4
Fail
2.4
Fail
2.3
Fail
—
2.6
Fail
1.0
Fail
6.2
AA
6.0
AA
2.6
Fail
—
2.5
Fail
2.5
Fail
2.4
Fail
1.0
Fail
2.5
Fail
—
White BG
9.6AAA
9.3AAA
4.0AA Large
1.5Fail
3.8AA Large
Black BG
2.2Fail
2.3Fail
5.3AA
13.6AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

464654
4F4E51
929174
D9D8AB
86867A

Deuteranopia

474853
505350
959A74
DADBAD
87887A

Tritanopia

4A4F4E
5A4C4B
A97373
DFB4B6
8A7B7C

Achromatopsia

464646
494949
828282
CFCFCF
828282

Shades & Tints Shades & Tints

#4B405B

Dark
Light

#5C3D58

Dark
Light

#AC6F76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b405b;
  --color-2: #5c3d58;
  --color-3: #ac6f76;
  --color-4: #e0cf9f;
  --color-5: #8b8078;
}

SCSS

$color-1: #4b405b;
$color-2: #5c3d58;
$color-3: #ac6f76;
$color-4: #e0cf9f;
$color-5: #8b8078;

TAILWIND

colors: {
  'brand-1': '#4b405b',
  'brand-2': '#5c3d58',
  'brand-3': '#ac6f76',
  'brand-4': '#e0cf9f',
  'brand-5': '#8b8078',
}

RGB Array

[75, 64, 91], [92, 61, 88], [172, 111, 118], [224, 207, 159], [139, 128, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B405B, #5C3D58, #AC6F76, #E0CF9F, #8B8078 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #4b405b; --color-2: #5c3d58; --color-3: #ac6f76; --color-4: #e0cf9f; --color-5: #8b8078. 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. 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