← Back to Editor

#6FB8A4 · #7A9788 · #84766C · #8F544F · #993333

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

#6FB8A4

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#6FB8A4
RGB
rgb(111, 184, 164)
HSL
hsl(164, 34%, 58%)
HSB
hsb(164, 40%, 72%)
CMYK
cmyk(40%, 0%, 11%, 28%)
Oklch
oklch(72.9% 0.079 174.6)

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

#7A9788

Celadon · LightSlateGray · Olive Green

HEX
#7A9788
RGB
rgb(122, 151, 136)
HSL
hsl(149, 12%, 54%)
HSB
hsb(149, 19%, 59%)
CMYK
cmyk(19%, 0%, 10%, 41%)
Oklch
oklch(65.0% 0.039 162.6)

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

#84766C

Tangerine · Gray · Amber Brown

HEX
#84766C
RGB
rgb(132, 118, 108)
HSL
hsl(25, 10%, 47%)
HSB
hsb(25, 18%, 52%)
CMYK
cmyk(0%, 11%, 18%, 48%)
Oklch
oklch(57.6% 0.023 57.8)

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

#8F544F

Crimson · Sienna · Passion Red

HEX
#8F544F
RGB
rgb(143, 84, 79)
HSL
hsl(5, 29%, 44%)
HSB
hsb(5, 45%, 56%)
CMYK
cmyk(0%, 41%, 45%, 44%)
Oklch
oklch(51.2% 0.080 25.4)

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

#993333

Crimson · Brown · Wine Red

HEX
#993333
RGB
rgb(153, 51, 51)
HSL
hsl(0, 50%, 40%)
HSB
hsb(0, 67%, 60%)
CMYK
cmyk(0%, 67%, 67%, 40%)
Oklch
oklch(47.1% 0.137 24.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6FB8A4
B86F83

Analogous

6FB880
6FB8A4
6FA7B8

Triadic

6FB8A4
A56FB8
B8A56F

Split-Comp.

6FB8A4
B86FA7
B8806F

Tetradic

6FB8A4
806FB8
B86F83
A7B86F

Contrast Matrix WCAG 2.1 Contrast

6FB8A4
7A9788
84766C
8F544F
993333
—
1.4
Fail
1.9
Fail
2.6
Fail
3.2
AA Large
1.4
Fail
—
1.4
Fail
1.9
Fail
2.3
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.6
Fail
1.9
Fail
1.3
Fail
—
1.2
Fail
3.2
AA Large
2.3
Fail
1.7
Fail
1.2
Fail
—
White BG
2.3Fail
3.2AA Large
4.4AA Large
5.9AA
7.3AAA
Black BG
9.1AAA
6.6AA
4.8AA
3.5AA Large
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8FA9
87878C
7E7E6E
757550
6D6C33

Deuteranopia

8A85AA
85838D
7F806F
797D51
737A33

Tritanopia

73ADAE
7B8E8F
837071
8C5151
943333

Achromatopsia

A0A0A0
8D8D8D
797979
656565
515151

Shades & Tints Shades & Tints

#6FB8A4

Dark
Light

#7A9788

Dark
Light

#84766C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6fb8a4;
  --color-2: #7a9788;
  --color-3: #84766c;
  --color-4: #8f544f;
  --color-5: #993333;
}

SCSS

$color-1: #6fb8a4;
$color-2: #7a9788;
$color-3: #84766c;
$color-4: #8f544f;
$color-5: #993333;

TAILWIND

colors: {
  'brand-1': '#6fb8a4',
  'brand-2': '#7a9788',
  'brand-3': '#84766c',
  'brand-4': '#8f544f',
  'brand-5': '#993333',
}

RGB Array

[111, 184, 164], [122, 151, 136], [132, 118, 108], [143, 84, 79], [153, 51, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6FB8A4, #7A9788, #84766C, #8F544F, #993333 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: #6fb8a4; --color-2: #7a9788; --color-3: #84766c; --color-4: #8f544f; --color-5: #993333. 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