← Back to Editor

#B6A3A7 · #F0AEAA · #E67C7F · #91435D · #3C2039

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B6A3A7

Peach Pink · DarkGray · Coral Red

HEX
#B6A3A7
RGB
rgb(182, 163, 167)
HSL
hsl(347, 12%, 68%)
HSB
hsb(347, 10%, 71%)
CMYK
cmyk(0%, 10%, 8%, 29%)
Oklch
oklch(73.3% 0.023 3.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F0AEAA

Peach Pink · LightPink · Coral Red

HEX
#F0AEAA
RGB
rgb(240, 174, 170)
HSL
hsl(3, 70%, 80%)
HSB
hsb(3, 29%, 94%)
CMYK
cmyk(0%, 27%, 29%, 6%)
Oklch
oklch(81.2% 0.078 22.8)

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

#E67C7F

Peach Pink · LightCoral · Coral Red

HEX
#E67C7F
RGB
rgb(230, 124, 127)
HSL
hsl(358, 68%, 69%)
HSB
hsb(358, 46%, 90%)
CMYK
cmyk(0%, 46%, 45%, 10%)
Oklch
oklch(70.5% 0.131 19.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#91435D

Dark Violet · Sienna · Camellia

HEX
#91435D
RGB
rgb(145, 67, 93)
HSL
hsl(340, 37%, 42%)
HSB
hsb(340, 54%, 57%)
CMYK
cmyk(0%, 54%, 36%, 43%)
Oklch
oklch(49.1% 0.109 0.9)

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

#3C2039

Rose Purple · DarkSlateGray · Dark Purple

HEX
#3C2039
RGB
rgb(60, 32, 57)
HSL
hsl(306, 30%, 18%)
HSB
hsb(306, 47%, 24%)
CMYK
cmyk(0%, 47%, 5%, 76%)
Oklch
oklch(29.1% 0.059 330.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6A3A7
A4B7B3

Analogous

B7A4B2
B6A3A7
B7A9A4

Triadic

B6A3A7
A8B7A4
A4A8B7

Split-Comp.

B6A3A7
A4B7A9
A4B2B7

Tetradic

B6A3A7
B2B7A4
A4B7B3
A9A4B7

Contrast Matrix WCAG 2.1 Contrast

B6A3A7
F0AEAA
E67C7F
91435D
3C2039
—
1.3
Fail
1.2
Fail
2.8
Fail
6.0
AA
1.3
Fail
—
1.5
Fail
3.6
AA Large
7.8
AAA
1.2
Fail
1.5
Fail
—
2.4
Fail
5.2
AA
2.8
Fail
3.6
AA Large
2.4
Fail
—
2.2
Fail
6.0
AA
7.8
AAA
5.2
AA
2.2
Fail
—
White BG
2.4Fail
1.9Fail
2.8Fail
6.6AA
14.4AAA
Black BG
8.8AAA
11.3AAA
7.6AAA
3.2AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAEA6
D3D3AB
B8B77E
6F6F57
303033

Deuteranopia

AFB0A6
D7DCAB
BEC67E
747A55
323432

Tritanopia

B5A5A5
EDACAC
E17E7E
8D5251
3B2E2D

Achromatopsia

A9A9A9
C1C1C1
9C9C9C
5D5D5D
2B2B2B

Shades & Tints Shades & Tints

#B6A3A7

Dark
Light

#F0AEAA

Dark
Light

#E67C7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6a3a7;
  --color-2: #f0aeaa;
  --color-3: #e67c7f;
  --color-4: #91435d;
  --color-5: #3c2039;
}

SCSS

$color-1: #b6a3a7;
$color-2: #f0aeaa;
$color-3: #e67c7f;
$color-4: #91435d;
$color-5: #3c2039;

TAILWIND

colors: {
  'brand-1': '#b6a3a7',
  'brand-2': '#f0aeaa',
  'brand-3': '#e67c7f',
  'brand-4': '#91435d',
  'brand-5': '#3c2039',
}

RGB Array

[182, 163, 167], [240, 174, 170], [230, 124, 127], [145, 67, 93], [60, 32, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6A3A7, #F0AEAA, #E67C7F, #91435D, #3C2039 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: #b6a3a7; --color-2: #f0aeaa; --color-3: #e67c7f; --color-4: #91435d; --color-5: #3c2039. 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