← Back to Editor

#526C6D · #6A969F · #D7C9A4 · #9EAE93 · #799795

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

#526C6D

Slate Blue · DimGray · Mint Ice

HEX
#526C6D
RGB
rgb(82, 108, 109)
HSL
hsl(182, 14%, 37%)
HSB
hsb(182, 25%, 43%)
CMYK
cmyk(25%, 1%, 0%, 57%)
Oklch
oklch(51.1% 0.031 199.2)

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

#6A969F

Slate Blue · CadetBlue · Lake Green

HEX
#6A969F
RGB
rgb(106, 150, 159)
HSL
hsl(190, 22%, 52%)
HSB
hsb(190, 33%, 62%)
CMYK
cmyk(33%, 6%, 0%, 38%)
Oklch
oklch(64.4% 0.050 211.7)

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

#D7C9A4

Goose Yellow · Tan · Sunflower

HEX
#D7C9A4
RGB
rgb(215, 201, 164)
HSL
hsl(44, 39%, 74%)
HSB
hsb(44, 24%, 84%)
CMYK
cmyk(0%, 7%, 24%, 16%)
Oklch
oklch(83.8% 0.052 89.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#9EAE93

Celadon · DarkSeaGreen · Apple Green

HEX
#9EAE93
RGB
rgb(158, 174, 147)
HSL
hsl(96, 14%, 63%)
HSB
hsb(96, 16%, 68%)
CMYK
cmyk(9%, 0%, 16%, 32%)
Oklch
oklch(73.1% 0.042 132.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#799795

Mineral Blue · LightSlateGray · Lake Green

HEX
#799795
RGB
rgb(121, 151, 149)
HSL
hsl(176, 13%, 53%)
HSB
hsb(176, 20%, 59%)
CMYK
cmyk(20%, 0%, 1%, 41%)
Oklch
oklch(65.3% 0.034 191.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

526C6D
6C5251

Analogous

516C5F
526C6D
515D6C

Triadic

526C6D
6C516B
6B6C51

Split-Comp.

526C6D
6C515D
6C5F51

Tetradic

526C6D
5F516C
6C5251
5D6C51

Contrast Matrix WCAG 2.1 Contrast

526C6D
6A969F
D7C9A4
9EAE93
799795
—
1.7
Fail
3.4
AA Large
2.4
Fail
1.8
Fail
1.7
Fail
—
2.0
Fail
1.4
Fail
1.0
Fail
3.4
AA Large
2.0
Fail
—
1.4
Fail
1.9
Fail
2.4
Fail
1.4
Fail
1.4
Fail
—
1.3
Fail
1.8
Fail
1.0
Fail
1.9
Fail
1.3
Fail
—
White BG
5.6AA
3.2AA Large
1.6Fail
2.4Fail
3.1AA Large
Black BG
3.7AA Large
6.5AA
12.8AAA
8.9AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D6D
7D7D9D
D1D1AD
A5A59A
868695

Deuteranopia

5C5A6D
7B779C
D2D3AF
A4A39B
848296

Tritanopia

536D6D
6C9B9B
D6B4B6
9F9FA0
7A9696

Achromatopsia

646464
8A8A8A
C9C9C9
A6A6A6
8E8E8E

Shades & Tints Shades & Tints

#526C6D

Dark
Light

#6A969F

Dark
Light

#D7C9A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #526c6d;
  --color-2: #6a969f;
  --color-3: #d7c9a4;
  --color-4: #9eae93;
  --color-5: #799795;
}

SCSS

$color-1: #526c6d;
$color-2: #6a969f;
$color-3: #d7c9a4;
$color-4: #9eae93;
$color-5: #799795;

TAILWIND

colors: {
  'brand-1': '#526c6d',
  'brand-2': '#6a969f',
  'brand-3': '#d7c9a4',
  'brand-4': '#9eae93',
  'brand-5': '#799795',
}

RGB Array

[82, 108, 109], [106, 150, 159], [215, 201, 164], [158, 174, 147], [121, 151, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #526C6D, #6A969F, #D7C9A4, #9EAE93, #799795 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: #526c6d; --color-2: #6a969f; --color-3: #d7c9a4; --color-4: #9eae93; --color-5: #799795. 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