← Back to Editor

#6E3E56 · #E65F63 · #E18E66 · #E0B96A · #BDB892

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 Library

Color Details Color Details

#6E3E56

Dark Violet · DimGray · Camellia

HEX
#6E3E56
RGB
rgb(110, 62, 86)
HSL
hsl(330, 28%, 34%)
HSB
hsb(330, 44%, 43%)
CMYK
cmyk(0%, 44%, 22%, 57%)
Oklch
oklch(43.0% 0.074 349.3)

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

#E65F63

Peach Pink · Tomato · Coral Red

HEX
#E65F63
RGB
rgb(230, 95, 99)
HSL
hsl(358, 73%, 64%)
HSB
hsb(358, 59%, 90%)
CMYK
cmyk(0%, 59%, 57%, 10%)
Oklch
oklch(65.8% 0.168 21.2)

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

#E18E66

Apricot · DarkSalmon · Warm Sun

HEX
#E18E66
RGB
rgb(225, 142, 102)
HSL
hsl(20, 67%, 64%)
HSB
hsb(20, 55%, 88%)
CMYK
cmyk(0%, 37%, 55%, 12%)
Oklch
oklch(72.4% 0.115 46.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E0B96A

Ginger · BurlyWood · Sunflower

HEX
#E0B96A
RGB
rgb(224, 185, 106)
HSL
hsl(40, 66%, 65%)
HSB
hsb(40, 53%, 88%)
CMYK
cmyk(0%, 17%, 53%, 12%)
Oklch
oklch(80.4% 0.108 83.7)

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

#BDB892

Fresh Green · Tan · Sunflower

HEX
#BDB892
RGB
rgb(189, 184, 146)
HSL
hsl(53, 25%, 66%)
HSB
hsb(53, 23%, 74%)
CMYK
cmyk(0%, 3%, 23%, 26%)
Oklch
oklch(77.7% 0.052 101.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E3E56
3E6F57

Analogous

6F3E6F
6E3E56
6F3E3E

Triadic

6E3E56
576F3E
3E576F

Split-Comp.

6E3E56
3E6F3E
3E6F6F

Tetradic

6E3E56
6F6F3E
3E6F57
3E3E6F

Contrast Matrix WCAG 2.1 Contrast

6E3E56
E65F63
E18E66
E0B96A
BDB892
—
2.5
Fail
3.3
AA Large
4.6
AA
4.2
AA Large
2.5
Fail
—
1.3
Fail
1.8
Fail
1.7
Fail
3.3
AA Large
1.3
Fail
—
1.4
Fail
1.3
Fail
4.6
AA
1.8
Fail
1.4
Fail
—
1.1
Fail
4.2
AA Large
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
8.4AAA
3.4AA Large
2.5Fail
1.9Fail
2.0Fail
Black BG
2.5Fail
6.2AA
8.3AAA
11.3AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

595950
ACAA62
BDBC70
CFCF7D
BBBB9B

Deuteranopia

5C604F
B3BE62
C2C872
D1D482
BBBB9D

Tritanopia

6C4C4B
DF6161
DD7779
DE8C90
BDA2A4

Achromatopsia

4F4F4F
888888
A2A2A2
BCBCBC
B5B5B5

Shades & Tints Shades & Tints

#6E3E56

Dark
Light

#E65F63

Dark
Light

#E18E66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e3e56;
  --color-2: #e65f63;
  --color-3: #e18e66;
  --color-4: #e0b96a;
  --color-5: #bdb892;
}

SCSS

$color-1: #6e3e56;
$color-2: #e65f63;
$color-3: #e18e66;
$color-4: #e0b96a;
$color-5: #bdb892;

TAILWIND

colors: {
  'brand-1': '#6e3e56',
  'brand-2': '#e65f63',
  'brand-3': '#e18e66',
  'brand-4': '#e0b96a',
  'brand-5': '#bdb892',
}

RGB Array

[110, 62, 86], [230, 95, 99], [225, 142, 102], [224, 185, 106], [189, 184, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E3E56, #E65F63, #E18E66, #E0B96A, #BDB892 is ideal for: corporate websites, product showcases, portfolios. 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: #6e3e56; --color-2: #e65f63; --color-3: #e18e66; --color-4: #e0b96a; --color-5: #bdb892. 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. 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