#847426 + #6AC0BF + #52A3A6 + #509487 + #668B6A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#847426

Autumn Sage · Olive · Honey Gold

HEX

#847426

RGB

rgb(132, 116, 38)

HSL

hsl(50, 55%, 33%)

HSB

hsb(50, 71%, 52%)

CMYK

cmyk(0%, 12%, 71%, 48%)

Oklch

oklch(55.9% 0.098 97.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#6AC0BF

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#6AC0BF

RGB

rgb(106, 192, 191)

HSL

hsl(179, 41%, 58%)

HSB

hsb(179, 45%, 75%)

CMYK

cmyk(45%, 0%, 1%, 25%)

Oklch

oklch(75.4% 0.083 194.5)

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

#52A3A6

Slate Blue · CadetBlue · Mint Ice

HEX

#52A3A6

RGB

rgb(82, 163, 166)

HSL

hsl(182, 34%, 49%)

HSB

hsb(182, 51%, 65%)

CMYK

cmyk(51%, 2%, 0%, 35%)

Oklch

oklch(66.6% 0.079 198.6)

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

#509487

Mineral Blue · CadetBlue · Mint Ice

HEX

#509487

RGB

rgb(80, 148, 135)

HSL

hsl(169, 30%, 45%)

HSB

hsb(169, 46%, 58%)

CMYK

cmyk(46%, 0%, 9%, 42%)

Oklch

oklch(61.8% 0.072 179.9)

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

#668B6A

Celadon · DimGray · Olive Green

HEX

#668B6A

RGB

rgb(102, 139, 106)

HSL

hsl(126, 15%, 47%)

HSB

hsb(126, 27%, 55%)

CMYK

cmyk(27%, 0%, 24%, 45%)

Oklch

oklch(60.0% 0.065 147.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

847426

263582

Analogous

824526

847426

648226

Triadic

847426

268273

732682

Split-Comp.

847426

266482

452682

Tetradic

847426

268245

263582

822664

Contrast Matrix WCAG 2.1 Contrast

847426	6AC0BF	52A3A6	509487	668B6A
—	2.2 Fail	1.6 Fail	1.3 Fail	1.2 Fail
2.2 Fail	—	1.4 Fail	1.7 Fail	1.8 Fail
1.6 Fail	1.4 Fail	—	1.2 Fail	1.3 Fail
1.3 Fail	1.7 Fail	1.2 Fail	—	1.1 Fail
1.2 Fail	1.8 Fail	1.3 Fail	1.1 Fail	—

White BG

4.7AA

2.1Fail

2.9Fail

3.5AA Large

3.8AA Large

Black BG

4.5AA

9.9AAA

7.1AAA

5.9AA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7D39

8F90BF

7576A5

6D6E8A

767672

Deuteranopia

7E7F3D

8A84BF

706AA5

6A648B

747174

Tritanopia

83484B

6EBFBF

56A5A5

538D8D

68787A

Achromatopsia

707070

A6A6A6

8B8B8B

7E7E7E

7C7C7C

Shades & Tints Shades & Tints

#847426

Dark

Light

#6AC0BF

Dark

Light

#52A3A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #847426;
  --color-2: #6ac0bf;
  --color-3: #52a3a6;
  --color-4: #509487;
  --color-5: #668b6a;
}

SCSS

$color-1: #847426;
$color-2: #6ac0bf;
$color-3: #52a3a6;
$color-4: #509487;
$color-5: #668b6a;

TAILWIND

colors: {
  'brand-1': '#847426',
  'brand-2': '#6ac0bf',
  'brand-3': '#52a3a6',
  'brand-4': '#509487',
  'brand-5': '#668b6a',
}

RGB Array

[132, 116, 38], [106, 192, 191], [82, 163, 166], [80, 148, 135], [102, 139, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #847426, #6AC0BF, #52A3A6, #509487, #668B6A 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: #847426; --color-2: #6ac0bf; --color-3: #52a3a6; --color-4: #509487; --color-5: #668b6a. 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