#79908E + #40717A + #65485F + #B4BE78 + #A6A422 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#79908E

Mineral Blue · LightSlateGray · Warm Gray

HEX

#79908E

RGB

rgb(121, 144, 142)

HSL

hsl(175, 9%, 52%)

HSB

hsb(175, 16%, 56%)

CMYK

cmyk(16%, 0%, 1%, 44%)

Oklch

oklch(63.5% 0.026 190.1)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

#40717A

Slate Blue · DimGray · Mint Ice

HEX

#40717A

RGB

rgb(64, 113, 122)

HSL

hsl(189, 31%, 36%)

HSB

hsb(189, 48%, 48%)

CMYK

cmyk(48%, 7%, 0%, 52%)

Oklch

oklch(51.8% 0.055 210.6)

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

#65485F

Rose Purple · DimGray · Eggplant

HEX

#65485F

RGB

rgb(101, 72, 95)

HSL

hsl(312, 17%, 34%)

HSB

hsb(312, 29%, 40%)

CMYK

cmyk(0%, 29%, 6%, 60%)

Oklch

oklch(44.1% 0.053 334.0)

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

#B4BE78

Fresh Green · Tan · Sunflower

HEX

#B4BE78

RGB

rgb(180, 190, 120)

HSL

hsl(69, 35%, 61%)

HSB

hsb(69, 37%, 75%)

CMYK

cmyk(5%, 0%, 37%, 25%)

Oklch

oklch(77.7% 0.093 115.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A6A422

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A6A422

RGB

rgb(166, 164, 34)

HSL

hsl(59, 66%, 39%)

HSB

hsb(59, 80%, 65%)

CMYK

cmyk(0%, 1%, 80%, 35%)

Oklch

oklch(69.8% 0.141 108.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79908E

907A7B

Analogous

7A9083

79908E

7A8690

Triadic

79908E

8E7A90

908E7A

Split-Comp.

79908E

907A86

90837A

Tetradic

79908E

837A90

907A7B

86907A

Contrast Matrix WCAG 2.1 Contrast

79908E	40717A	65485F	B4BE78	A6A422
—	1.6 Fail	2.3 Fail	1.7 Fail	1.3 Fail
1.6 Fail	—	1.5 Fail	2.7 Fail	2.1 Fail
2.3 Fail	1.5 Fail	—	4.0 AA Large	3.0 AA Large
1.7 Fail	2.7 Fail	4.0 AA Large	—	1.3 Fail
1.3 Fail	2.1 Fail	3.0 AA Large	1.3 Fail	—

White BG

3.4AA Large

5.4AA

7.9AAA

2.0Fail

2.6Fail

Black BG

6.2AA

3.9AA Large

2.6Fail

10.6AAA

8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

83838E

555678

585859

B8B889

A5A541

Deuteranopia

82808F

524F77

5A5C58

B8B78D

A5A549

Tritanopia

7A8F8F

427676

645554

B59699

A65A60

Achromatopsia

898989

636363

535353

B3B3B3

969696

Shades & Tints Shades & Tints

#79908E

Dark

Light

#40717A

Dark

Light

#65485F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79908e;
  --color-2: #40717a;
  --color-3: #65485f;
  --color-4: #b4be78;
  --color-5: #a6a422;
}

SCSS

$color-1: #79908e;
$color-2: #40717a;
$color-3: #65485f;
$color-4: #b4be78;
$color-5: #a6a422;

TAILWIND

colors: {
  'brand-1': '#79908e',
  'brand-2': '#40717a',
  'brand-3': '#65485f',
  'brand-4': '#b4be78',
  'brand-5': '#a6a422',
}

RGB Array

[121, 144, 142], [64, 113, 122], [101, 72, 95], [180, 190, 120], [166, 164, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79908E, #40717A, #65485F, #B4BE78, #A6A422 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #79908e; --color-2: #40717a; --color-3: #65485f; --color-4: #b4be78; --color-5: #a6a422. 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. 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