← Back to Editor

#4F4E61 · #775D85 · #AB7BA7 · #C7B789 · #ADB572

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

#4F4E61

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#4F4E61
RGB
rgb(79, 78, 97)
HSL
hsl(243, 11%, 34%)
HSB
hsb(243, 20%, 38%)
CMYK
cmyk(19%, 20%, 0%, 62%)
Oklch
oklch(43.2% 0.031 287.4)

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

#775D85

Dark Plum · DimGray · Violet

HEX
#775D85
RGB
rgb(119, 93, 133)
HSL
hsl(279, 18%, 44%)
HSB
hsb(279, 30%, 52%)
CMYK
cmyk(11%, 30%, 0%, 48%)
Oklch
oklch(52.0% 0.069 313.5)

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

#AB7BA7

Rose Purple · DarkGray · Violet

HEX
#AB7BA7
RGB
rgb(171, 123, 167)
HSL
hsl(305, 22%, 58%)
HSB
hsb(305, 28%, 67%)
CMYK
cmyk(0%, 28%, 2%, 33%)
Oklch
oklch(64.5% 0.085 329.4)

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

#C7B789

Ginger · Tan · Sunflower

HEX
#C7B789
RGB
rgb(199, 183, 137)
HSL
hsl(45, 36%, 66%)
HSB
hsb(45, 31%, 78%)
CMYK
cmyk(0%, 8%, 31%, 22%)
Oklch
oklch(78.2% 0.064 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#ADB572

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#ADB572
RGB
rgb(173, 181, 114)
HSL
hsl(67, 31%, 58%)
HSB
hsb(67, 37%, 71%)
CMYK
cmyk(4%, 0%, 37%, 29%)
Oklch
oklch(75.1% 0.089 114.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F4E61
5F604D

Analogous

4D5660
4F4E61
584D60

Triadic

4F4E61
604E4D
4D604E

Split-Comp.

4F4E61
60584D
56604D

Tetradic

4F4E61
604D56
5F604D
4D6058

Contrast Matrix WCAG 2.1 Contrast

4F4E61
775D85
AB7BA7
C7B789
ADB572
—
1.4
Fail
2.4
Fail
4.1
AA Large
3.7
AA Large
1.4
Fail
—
1.7
Fail
2.9
Fail
2.6
Fail
2.4
Fail
1.7
Fail
—
1.7
Fail
1.6
Fail
4.1
AA Large
2.9
Fail
1.7
Fail
—
1.1
Fail
3.7
AA Large
2.6
Fail
1.6
Fail
1.1
Fail
—
White BG
8.1AAA
5.7AA
3.4AA Large
2.0Fail
2.2Fail
Black BG
2.6Fail
3.7AA Large
6.1AA
10.6AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4F5C
6C6C7B
96969C
C0C094
B0B182

Deuteranopia

4F4F5B
6D6F79
999D9A
C1C297
B0AF86

Tritanopia

4F5958
767472
A99492
C69D9F
AD8F92

Achromatopsia

505050
696969
8E8E8E
B7B7B7
ABABAB

Shades & Tints Shades & Tints

#4F4E61

Dark
Light

#775D85

Dark
Light

#AB7BA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f4e61;
  --color-2: #775d85;
  --color-3: #ab7ba7;
  --color-4: #c7b789;
  --color-5: #adb572;
}

SCSS

$color-1: #4f4e61;
$color-2: #775d85;
$color-3: #ab7ba7;
$color-4: #c7b789;
$color-5: #adb572;

TAILWIND

colors: {
  'brand-1': '#4f4e61',
  'brand-2': '#775d85',
  'brand-3': '#ab7ba7',
  'brand-4': '#c7b789',
  'brand-5': '#adb572',
}

RGB Array

[79, 78, 97], [119, 93, 133], [171, 123, 167], [199, 183, 137], [173, 181, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F4E61, #775D85, #AB7BA7, #C7B789, #ADB572 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: #4f4e61; --color-2: #775d85; --color-3: #ab7ba7; --color-4: #c7b789; --color-5: #adb572. 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