← Back to Editor

#6A4D52 · #86C5AF · #815360 · #ACDCC6 · #542C2A

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

#6A4D52

Crimson · DimGray · Wine Red

HEX
#6A4D52
RGB
rgb(106, 77, 82)
HSL
hsl(350, 16%, 36%)
HSB
hsb(350, 27%, 42%)
CMYK
cmyk(0%, 27%, 23%, 58%)
Oklch
oklch(45.3% 0.040 7.3)

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

#86C5AF

Jade · MediumAquaMarine · Apple Green

HEX
#86C5AF
RGB
rgb(134, 197, 175)
HSL
hsl(159, 35%, 65%)
HSB
hsb(159, 32%, 77%)
CMYK
cmyk(32%, 0%, 11%, 23%)
Oklch
oklch(77.4% 0.072 170.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#815360

Dark Violet · DimGray · Camellia

HEX
#815360
RGB
rgb(129, 83, 96)
HSL
hsl(343, 22%, 42%)
HSB
hsb(343, 36%, 51%)
CMYK
cmyk(0%, 36%, 26%, 49%)
Oklch
oklch(49.7% 0.064 1.3)

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

#ACDCC6

Jade · LightBlue · Apple Green

HEX
#ACDCC6
RGB
rgb(172, 220, 198)
HSL
hsl(153, 41%, 77%)
HSB
hsb(153, 22%, 86%)
CMYK
cmyk(22%, 0%, 10%, 14%)
Oklch
oklch(85.5% 0.059 165.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#542C2A

Crimson · DarkSlateGray · Wine Red

HEX
#542C2A
RGB
rgb(84, 44, 42)
HSL
hsl(3, 33%, 25%)
HSB
hsb(3, 50%, 33%)
CMYK
cmyk(0%, 48%, 50%, 67%)
Oklch
oklch(34.5% 0.059 23.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A4D52
4D6A66

Analogous

6A4D61
6A4D52
6A574D

Triadic

6A4D52
526A4D
4D526A

Split-Comp.

6A4D52
4D6A57
4D616A

Tetradic

6A4D52
616A4D
4D6A66
574D6A

Contrast Matrix WCAG 2.1 Contrast

6A4D52
86C5AF
815360
ACDCC6
542C2A
—
3.8
AA Large
1.2
Fail
4.9
AA
1.6
Fail
3.8
AA Large
—
3.2
AA Large
1.3
Fail
6.0
AA
1.2
Fail
3.2
AA Large
—
4.1
AA Large
1.9
Fail
4.9
AA
1.3
Fail
4.1
AA Large
—
7.8
AAA
1.6
Fail
6.0
AA
1.9
Fail
7.8
AAA
—
White BG
7.5AAA
2.0Fail
6.3AA
1.5Fail
11.9AAA
Black BG
2.8Fail
10.6AAA
3.3AA Large
13.8AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D51
A1A2B4
6D6D5D
C1C1CB
43422A

Deuteranopia

5F6151
9E99B6
70735C
BEBACD
45482B

Tritanopia

695050
89B9B9
7F5A5A
AED0D0
522B2B

Achromatopsia

565656
B0B0B0
626262
CBCBCB
383838

Shades & Tints Shades & Tints

#6A4D52

Dark
Light

#86C5AF

Dark
Light

#815360

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a4d52;
  --color-2: #86c5af;
  --color-3: #815360;
  --color-4: #acdcc6;
  --color-5: #542c2a;
}

SCSS

$color-1: #6a4d52;
$color-2: #86c5af;
$color-3: #815360;
$color-4: #acdcc6;
$color-5: #542c2a;

TAILWIND

colors: {
  'brand-1': '#6a4d52',
  'brand-2': '#86c5af',
  'brand-3': '#815360',
  'brand-4': '#acdcc6',
  'brand-5': '#542c2a',
}

RGB Array

[106, 77, 82], [134, 197, 175], [129, 83, 96], [172, 220, 198], [84, 44, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A4D52, #86C5AF, #815360, #ACDCC6, #542C2A 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: #6a4d52; --color-2: #86c5af; --color-3: #815360; --color-4: #acdcc6; --color-5: #542c2a. 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