← Back to Editor

#4D716F · #5D8B8B · #6C9E9D · #79ACB0 · #90BECE

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

#4D716F

Mineral Blue · DimGray · Mint Ice

HEX
#4D716F
RGB
rgb(77, 113, 111)
HSL
hsl(177, 19%, 37%)
HSB
hsb(177, 32%, 44%)
CMYK
cmyk(32%, 0%, 2%, 56%)
Oklch
oklch(52.1% 0.041 191.6)

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

#5D8B8B

Slate Blue · SlateGray · Mint Ice

HEX
#5D8B8B
RGB
rgb(93, 139, 139)
HSL
hsl(180, 20%, 45%)
HSB
hsb(180, 33%, 55%)
CMYK
cmyk(33%, 0%, 0%, 45%)
Oklch
oklch(60.4% 0.050 195.9)

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

#6C9E9D

Mineral Blue · CadetBlue · Lake Green

HEX
#6C9E9D
RGB
rgb(108, 158, 157)
HSL
hsl(179, 20%, 52%)
HSB
hsb(179, 32%, 62%)
CMYK
cmyk(32%, 0%, 1%, 38%)
Oklch
oklch(66.4% 0.053 194.4)

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

#79ACB0

Slate Blue · CadetBlue · Lake Green

HEX
#79ACB0
RGB
rgb(121, 172, 176)
HSL
hsl(184, 26%, 58%)
HSB
hsb(184, 31%, 69%)
CMYK
cmyk(31%, 2%, 0%, 31%)
Oklch
oklch(71.0% 0.054 202.2)

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

#90BECE

Sky Blue · SkyBlue · Lake Green

HEX
#90BECE
RGB
rgb(144, 190, 206)
HSL
hsl(195, 39%, 69%)
HSB
hsb(195, 30%, 81%)
CMYK
cmyk(30%, 8%, 0%, 19%)
Oklch
oklch(77.4% 0.054 221.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D716F
704C4E

Analogous

4C705D
4D716F
4C6070

Triadic

4D716F
6E4C70
706E4C

Split-Comp.

4D716F
704C60
705D4C

Tetradic

4D716F
5D4C70
704C4E
60704C

Contrast Matrix WCAG 2.1 Contrast

4D716F
5D8B8B
6C9E9D
79ACB0
90BECE
—
1.4
Fail
1.8
Fail
2.1
Fail
2.7
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
1.9
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
2.1
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
2.7
Fail
1.9
Fail
1.5
Fail
1.3
Fail
—
White BG
5.4AA
3.8AA Large
3.0Fail
2.5Fail
2.0Fail
Black BG
3.9AA Large
5.5AA
7.0AAA
8.3AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D6F
71718B
82829D
8F90AF
A4A4CA

Deuteranopia

5B5870
6E6B8B
7F7B9D
8C88AF
A19EC9

Tritanopia

4F7070
5F8B8B
6F9D9D
7CAEAE
92C7C6

Achromatopsia

666666
7D7D7D
8F8F8F
9D9D9D
B2B2B2

Shades & Tints Shades & Tints

#4D716F

Dark
Light

#5D8B8B

Dark
Light

#6C9E9D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d716f;
  --color-2: #5d8b8b;
  --color-3: #6c9e9d;
  --color-4: #79acb0;
  --color-5: #90bece;
}

SCSS

$color-1: #4d716f;
$color-2: #5d8b8b;
$color-3: #6c9e9d;
$color-4: #79acb0;
$color-5: #90bece;

TAILWIND

colors: {
  'brand-1': '#4d716f',
  'brand-2': '#5d8b8b',
  'brand-3': '#6c9e9d',
  'brand-4': '#79acb0',
  'brand-5': '#90bece',
}

RGB Array

[77, 113, 111], [93, 139, 139], [108, 158, 157], [121, 172, 176], [144, 190, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4D716F, #5D8B8B, #6C9E9D, #79ACB0, #90BECE 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: #4d716f; --color-2: #5d8b8b; --color-3: #6c9e9d; --color-4: #79acb0; --color-5: #90bece. 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