← Back to Editor

#7E9C94 · #6E9A9D · #95A8AE · #82949B · #698691

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#7E9C94

Mineral Blue · LightSlateGray · Lake Green

HEX
#7E9C94
RGB
rgb(126, 156, 148)
HSL
hsl(164, 13%, 55%)
HSB
hsb(164, 19%, 61%)
CMYK
cmyk(19%, 0%, 5%, 39%)
Oklch
oklch(66.8% 0.035 177.2)

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

#6E9A9D

Slate Blue · CadetBlue · Lake Green

HEX
#6E9A9D
RGB
rgb(110, 154, 157)
HSL
hsl(184, 19%, 52%)
HSB
hsb(184, 30%, 62%)
CMYK
cmyk(30%, 2%, 0%, 38%)
Oklch
oklch(65.5% 0.048 201.4)

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

#95A8AE

Sky Blue · DarkGray · Lake Green

HEX
#95A8AE
RGB
rgb(149, 168, 174)
HSL
hsl(194, 13%, 63%)
HSB
hsb(194, 14%, 68%)
CMYK
cmyk(14%, 3%, 0%, 32%)
Oklch
oklch(71.9% 0.023 218.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#82949B

Slate Blue · LightSlateGray · Lake Green

HEX
#82949B
RGB
rgb(130, 148, 155)
HSL
hsl(197, 11%, 56%)
HSB
hsb(197, 16%, 61%)
CMYK
cmyk(16%, 5%, 0%, 39%)
Oklch
oklch(65.5% 0.023 223.2)

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

#698691

Slate Blue · SlateGray · Mint Ice

HEX
#698691
RGB
rgb(105, 134, 145)
HSL
hsl(196, 16%, 49%)
HSB
hsb(196, 28%, 57%)
CMYK
cmyk(28%, 8%, 0%, 43%)
Oklch
oklch(60.2% 0.037 223.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7E9C94
9B7D85

Analogous

7D9B84
7E9C94
7D949B

Triadic

7E9C94
937D9B
9B937D

Split-Comp.

7E9C94
9B7D94
9B847D

Tetradic

7E9C94
847D9B
9B7D85
949B7D

Contrast Matrix WCAG 2.1 Contrast

7E9C94
6E9A9D
95A8AE
82949B
698691
—
1.0
Fail
1.2
Fail
1.1
Fail
1.3
Fail
1.0
Fail
—
1.3
Fail
1.0
Fail
1.2
Fail
1.2
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.1
Fail
1.0
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.2
Fail
1.6
Fail
1.2
Fail
—
White BG
3.0Fail
3.1AA Large
2.5Fail
3.2AA Large
3.9AA Large
Black BG
7.1AAA
6.8AA
8.5AAA
6.7AA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8B96
81819C
9D9DAD
8A8A99
76768E

Deuteranopia

898796
7F7B9C
9C9BAC
898799
74728E

Tritanopia

7F9798
709C9C
96ABAB
839898
6A8C8C

Achromatopsia

929292
8D8D8D
A3A3A3
8F8F8F
7F7F7F

Shades & Tints Shades & Tints

#7E9C94

Dark
Light

#6E9A9D

Dark
Light

#95A8AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7e9c94;
  --color-2: #6e9a9d;
  --color-3: #95a8ae;
  --color-4: #82949b;
  --color-5: #698691;
}

SCSS

$color-1: #7e9c94;
$color-2: #6e9a9d;
$color-3: #95a8ae;
$color-4: #82949b;
$color-5: #698691;

TAILWIND

colors: {
  'brand-1': '#7e9c94',
  'brand-2': '#6e9a9d',
  'brand-3': '#95a8ae',
  'brand-4': '#82949b',
  'brand-5': '#698691',
}

RGB Array

[126, 156, 148], [110, 154, 157], [149, 168, 174], [130, 148, 155], [105, 134, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7E9C94, #6E9A9D, #95A8AE, #82949B, #698691 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: #7e9c94; --color-2: #6e9a9d; --color-3: #95a8ae; --color-4: #82949b; --color-5: #698691. 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