← Back to Editor

#6AA7B0 · #6D887F · #A36742 · #785D4C · #524D49

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

#6AA7B0

Slate Blue · CadetBlue · Lake Green

HEX
#6AA7B0
RGB
rgb(106, 167, 176)
HSL
hsl(188, 31%, 55%)
HSB
hsb(188, 40%, 69%)
CMYK
cmyk(40%, 5%, 0%, 31%)
Oklch
oklch(69.0% 0.064 207.6)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#6D887F

Mineral Blue · SlateGray · Mint Ice

HEX
#6D887F
RGB
rgb(109, 136, 127)
HSL
hsl(160, 11%, 48%)
HSB
hsb(160, 20%, 53%)
CMYK
cmyk(20%, 0%, 7%, 47%)
Oklch
oklch(60.3% 0.034 172.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#A36742

Tangerine · Sienna · Amber Brown

HEX
#A36742
RGB
rgb(163, 103, 66)
HSL
hsl(23, 42%, 45%)
HSB
hsb(23, 60%, 64%)
CMYK
cmyk(0%, 37%, 60%, 36%)
Oklch
oklch(57.1% 0.093 51.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#785D4C

Tangerine · DimGray · Amber Brown

HEX
#785D4C
RGB
rgb(120, 93, 76)
HSL
hsl(23, 22%, 38%)
HSB
hsb(23, 37%, 47%)
CMYK
cmyk(0%, 22%, 37%, 53%)
Oklch
oklch(50.1% 0.044 53.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#524D49

Dark Cyan · DarkSlateGray · Charcoal

HEX
#524D49
RGB
rgb(82, 77, 73)
HSL
hsl(27, 6%, 30%)
HSB
hsb(27, 11%, 32%)
CMYK
cmyk(0%, 6%, 11%, 68%)
Oklch
oklch(42.4% 0.009 61.3)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6AA7B0
B07269

Analogous

69B096
6AA7B0
6983B0

Triadic

6AA7B0
B069A6
A6B069

Split-Comp.

6AA7B0
B06983
B09669

Tetradic

6AA7B0
9669B0
B07269
83B069

Contrast Matrix WCAG 2.1 Contrast

6AA7B0
6D887F
A36742
785D4C
524D49
—
1.4
Fail
1.7
Fail
2.2
Fail
3.1
AA Large
1.4
Fail
—
1.2
Fail
1.6
Fail
2.2
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
3.1
AA Large
2.2
Fail
1.8
Fail
1.4
Fail
—
White BG
2.7Fail
3.8AA Large
4.6AA
6.1AA
8.3AAA
Black BG
7.8AAA
5.5AA
4.6AA
3.5AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8485AE
797981
89884B
6C6C50
50504A

Deuteranopia

817CAD
777582
8D914D
6E7051
50514A

Tritanopia

6DACAC
6E8383
A05254
775354
524B4B

Achromatopsia

969696
7F7F7F
757575
636363
4E4E4E

Shades & Tints Shades & Tints

#6AA7B0

Dark
Light

#6D887F

Dark
Light

#A36742

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6aa7b0;
  --color-2: #6d887f;
  --color-3: #a36742;
  --color-4: #785d4c;
  --color-5: #524d49;
}

SCSS

$color-1: #6aa7b0;
$color-2: #6d887f;
$color-3: #a36742;
$color-4: #785d4c;
$color-5: #524d49;

TAILWIND

colors: {
  'brand-1': '#6aa7b0',
  'brand-2': '#6d887f',
  'brand-3': '#a36742',
  'brand-4': '#785d4c',
  'brand-5': '#524d49',
}

RGB Array

[106, 167, 176], [109, 136, 127], [163, 103, 66], [120, 93, 76], [82, 77, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6AA7B0, #6D887F, #A36742, #785D4C, #524D49 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: #6aa7b0; --color-2: #6d887f; --color-3: #a36742; --color-4: #785d4c; --color-5: #524d49. 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