← Back to Editor

#4F3250 · #A66B7D · #DBB0A7 · #FFE5D7 · #8F9EB5

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

#4F3250

Dark Plum · DarkSlateGray · Eggplant

HEX
#4F3250
RGB
rgb(79, 50, 80)
HSL
hsl(298, 23%, 25%)
HSB
hsb(298, 38%, 31%)
CMYK
cmyk(1%, 38%, 0%, 69%)
Oklch
oklch(36.4% 0.063 325.6)

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

#A66B7D

Dark Violet · Gray · Rose Pink

HEX
#A66B7D
RGB
rgb(166, 107, 125)
HSL
hsl(342, 25%, 54%)
HSB
hsb(342, 36%, 65%)
CMYK
cmyk(0%, 36%, 25%, 35%)
Oklch
oklch(59.6% 0.079 360.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#DBB0A7

Peach Pink · Tan · Coral Red

HEX
#DBB0A7
RGB
rgb(219, 176, 167)
HSL
hsl(10, 42%, 76%)
HSB
hsb(10, 24%, 86%)
CMYK
cmyk(0%, 20%, 24%, 14%)
Oklch
oklch(79.3% 0.052 31.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFE5D7

Apricot · Bisque · Peach Orange

HEX
#FFE5D7
RGB
rgb(255, 229, 215)
HSL
hsl(21, 100%, 92%)
HSB
hsb(21, 16%, 100%)
CMYK
cmyk(0%, 10%, 16%, 0%)
Oklch
oklch(93.9% 0.034 50.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#8F9EB5

Azure · DarkGray · Cobalt Blue

HEX
#8F9EB5
RGB
rgb(143, 158, 181)
HSL
hsl(216, 20%, 64%)
HSB
hsb(216, 21%, 71%)
CMYK
cmyk(21%, 13%, 0%, 29%)
Oklch
oklch(69.5% 0.038 258.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F3250
324E31

Analogous

3F314E
4F3250
4E3141

Triadic

4F3250
4E4D31
314E4D

Split-Comp.

4F3250
414E31
314E3F

Tetradic

4F3250
4E3F31
324E31
31414E

Contrast Matrix WCAG 2.1 Contrast

4F3250
A66B7D
DBB0A7
FFE5D7
8F9EB5
—
2.6
Fail
5.7
AA
9.2
AAA
4.1
AA Large
2.6
Fail
—
2.1
Fail
3.5
AA Large
1.5
Fail
5.7
AA
2.1
Fail
—
1.6
Fail
1.4
Fail
9.2
AAA
3.5
AA Large
1.6
Fail
—
2.3
Fail
4.1
AA Large
1.5
Fail
1.4
Fail
2.3
Fail
—
White BG
11.0AAA
4.2AA Large
1.9Fail
1.2Fail
2.7Fail
Black BG
1.9Fail
5.0AA
10.8AAA
17.4AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

424249
8C8C79
C8C8A9
F4F4DA
9596AF

Deuteranopia

444647
909478
CBCEAA
F5F7DB
9594AE

Tritanopia

4E4342
A37574
D9ABAB
FEDDDE
90ABAA

Achromatopsia

3E3E3E
7F7F7F
BCBCBC
EBEBEB
9C9C9C

Shades & Tints Shades & Tints

#4F3250

Dark
Light

#A66B7D

Dark
Light

#DBB0A7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f3250;
  --color-2: #a66b7d;
  --color-3: #dbb0a7;
  --color-4: #ffe5d7;
  --color-5: #8f9eb5;
}

SCSS

$color-1: #4f3250;
$color-2: #a66b7d;
$color-3: #dbb0a7;
$color-4: #ffe5d7;
$color-5: #8f9eb5;

TAILWIND

colors: {
  'brand-1': '#4f3250',
  'brand-2': '#a66b7d',
  'brand-3': '#dbb0a7',
  'brand-4': '#ffe5d7',
  'brand-5': '#8f9eb5',
}

RGB Array

[79, 50, 80], [166, 107, 125], [219, 176, 167], [255, 229, 215], [143, 158, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F3250, #A66B7D, #DBB0A7, #FFE5D7, #8F9EB5 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: #4f3250; --color-2: #a66b7d; --color-3: #dbb0a7; --color-4: #ffe5d7; --color-5: #8f9eb5. 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