← Back to Editor

#5E5759 · #637170 · #698C86 · #6EA69D · #73C0B3

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

#5E5759

Ink Gray · DimGray · Charcoal

HEX
#5E5759
RGB
rgb(94, 87, 89)
HSL
hsl(343, 4%, 35%)
HSB
hsb(343, 7%, 37%)
CMYK
cmyk(0%, 7%, 5%, 63%)
Oklch
oklch(46.4% 0.010 358.1)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#637170

Ink Gray · DimGray · Warm Gray

HEX
#637170
RGB
rgb(99, 113, 112)
HSL
hsl(176, 7%, 42%)
HSB
hsb(176, 12%, 44%)
CMYK
cmyk(12%, 0%, 1%, 56%)
Oklch
oklch(53.7% 0.017 191.4)

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

#698C86

Mineral Blue · SlateGray · Mint Ice

HEX
#698C86
RGB
rgb(105, 140, 134)
HSL
hsl(170, 14%, 48%)
HSB
hsb(170, 25%, 55%)
CMYK
cmyk(25%, 0%, 4%, 45%)
Oklch
oklch(61.2% 0.040 183.3)

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

#6EA69D

Mineral Blue · CadetBlue · Lake Green

HEX
#6EA69D
RGB
rgb(110, 166, 157)
HSL
hsl(170, 24%, 54%)
HSB
hsb(170, 34%, 65%)
CMYK
cmyk(34%, 0%, 5%, 35%)
Oklch
oklch(68.4% 0.060 183.3)

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

#73C0B3

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#73C0B3
RGB
rgb(115, 192, 179)
HSL
hsl(170, 38%, 60%)
HSB
hsb(170, 40%, 75%)
CMYK
cmyk(40%, 0%, 7%, 25%)
Oklch
oklch(75.4% 0.079 182.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E5759
565D5B

Analogous

5D565B
5E5759
5D5756

Triadic

5E5759
585D56
56585D

Split-Comp.

5E5759
565D57
565B5D

Tetradic

5E5759
5B5D56
565D5B
57565D

Contrast Matrix WCAG 2.1 Contrast

5E5759
637170
698C86
6EA69D
73C0B3
—
1.4
Fail
1.9
Fail
2.5
Fail
3.3
AA Large
1.4
Fail
—
1.4
Fail
1.8
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.5
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
3.3
AA Large
2.4
Fail
1.7
Fail
1.3
Fail
—
White BG
7.0AAA
5.1AA
3.7AA Large
2.8Fail
2.1Fail
Black BG
3.0Fail
4.1AA Large
5.7AA
7.6AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5B59
696970
787887
86879F
9495B6

Deuteranopia

5B5C58
686770
767488
837FA0
908AB7

Tritanopia

5E5858
647070
6B8989
71A1A1
77B9B9

Achromatopsia

595959
6D6D6D
818181
949494
A7A7A7

Shades & Tints Shades & Tints

#5E5759

Dark
Light

#637170

Dark
Light

#698C86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e5759;
  --color-2: #637170;
  --color-3: #698c86;
  --color-4: #6ea69d;
  --color-5: #73c0b3;
}

SCSS

$color-1: #5e5759;
$color-2: #637170;
$color-3: #698c86;
$color-4: #6ea69d;
$color-5: #73c0b3;

TAILWIND

colors: {
  'brand-1': '#5e5759',
  'brand-2': '#637170',
  'brand-3': '#698c86',
  'brand-4': '#6ea69d',
  'brand-5': '#73c0b3',
}

RGB Array

[94, 87, 89], [99, 113, 112], [105, 140, 134], [110, 166, 157], [115, 192, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E5759, #637170, #698C86, #6EA69D, #73C0B3 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: #5e5759; --color-2: #637170; --color-3: #698c86; --color-4: #6ea69d; --color-5: #73c0b3. 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