← Back to Editor

#82998C · #829990 · #8F888E · #996A92 · #646D91

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

#82998C

Celadon · LightSlateGray · Olive Green

HEX
#82998C
RGB
rgb(130, 153, 140)
HSL
hsl(146, 10%, 55%)
HSB
hsb(146, 15%, 60%)
CMYK
cmyk(15%, 0%, 8%, 40%)
Oklch
oklch(66.1% 0.032 160.6)

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

#829990

Mineral Blue · LightSlateGray · Olive Green

HEX
#829990
RGB
rgb(130, 153, 144)
HSL
hsl(157, 10%, 55%)
HSB
hsb(157, 15%, 60%)
CMYK
cmyk(15%, 0%, 6%, 40%)
Oklch
oklch(66.2% 0.029 169.8)

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

#8F888E

Ash · Gray · Warm Gray

HEX
#8F888E
RGB
rgb(143, 136, 142)
HSL
hsl(309, 3%, 55%)
HSB
hsb(309, 5%, 56%)
CMYK
cmyk(0%, 5%, 1%, 44%)
Oklch
oklch(63.5% 0.012 330.2)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#996A92

Rose Purple · Gray · Violet

HEX
#996A92
RGB
rgb(153, 106, 146)
HSL
hsl(309, 19%, 51%)
HSB
hsb(309, 31%, 60%)
CMYK
cmyk(0%, 31%, 5%, 40%)
Oklch
oklch(58.7% 0.082 331.9)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#646D91

Indigo · SlateGray · Navy Blue

HEX
#646D91
RGB
rgb(100, 109, 145)
HSL
hsl(228, 18%, 48%)
HSB
hsb(228, 31%, 57%)
CMYK
cmyk(31%, 25%, 0%, 43%)
Oklch
oklch(54.1% 0.057 273.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82998C
98818E

Analogous

829881
82998C
819896

Triadic

82998C
8B8198
988B81

Split-Comp.

82998C
968198
988182

Tetradic

82998C
818298
98818E
989681

Contrast Matrix WCAG 2.1 Contrast

82998C
829990
8F888E
996A92
646D91
—
1.0
Fail
1.1
Fail
1.4
Fail
1.7
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.4
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
White BG
3.1AA Large
3.0AA Large
3.5AA Large
4.3AA Large
5.1AA
Black BG
6.9AA
6.9AA
6.1AA
4.8AA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8C8F
8C8C92
8C8C8D
858488
686888

Deuteranopia

8B8990
8B8993
8C8D8C
878B86
676786

Tritanopia

839292
839494
8F8B8B
97817F
648180

Achromatopsia

919191
919191
8B8B8B
7D7D7D
6E6E6E

Shades & Tints Shades & Tints

#82998C

Dark
Light

#829990

Dark
Light

#8F888E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82998c;
  --color-2: #829990;
  --color-3: #8f888e;
  --color-4: #996a92;
  --color-5: #646d91;
}

SCSS

$color-1: #82998c;
$color-2: #829990;
$color-3: #8f888e;
$color-4: #996a92;
$color-5: #646d91;

TAILWIND

colors: {
  'brand-1': '#82998c',
  'brand-2': '#829990',
  'brand-3': '#8f888e',
  'brand-4': '#996a92',
  'brand-5': '#646d91',
}

RGB Array

[130, 153, 140], [130, 153, 144], [143, 136, 142], [153, 106, 146], [100, 109, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #82998C, #829990, #8F888E, #996A92, #646D91 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: #82998c; --color-2: #829990; --color-3: #8f888e; --color-4: #996a92; --color-5: #646d91. 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