← Back to Editor

#50645B · #95897D · #A99A83 · #B8B09B · #A1A596

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

#50645B

Mineral Blue · DimGray · Forest Green

HEX
#50645B
RGB
rgb(80, 100, 91)
HSL
hsl(153, 11%, 35%)
HSB
hsb(153, 20%, 39%)
CMYK
cmyk(20%, 0%, 9%, 61%)
Oklch
oklch(48.4% 0.028 166.1)

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

#95897D

Ginger · Gray · Warm Sun

HEX
#95897D
RGB
rgb(149, 137, 125)
HSL
hsl(30, 10%, 54%)
HSB
hsb(30, 16%, 58%)
CMYK
cmyk(0%, 8%, 16%, 42%)
Oklch
oklch(63.7% 0.023 67.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#A99A83

Ginger · DarkGray · Warm Sun

HEX
#A99A83
RGB
rgb(169, 154, 131)
HSL
hsl(36, 18%, 59%)
HSB
hsb(36, 22%, 66%)
CMYK
cmyk(0%, 9%, 22%, 34%)
Oklch
oklch(69.3% 0.037 78.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#B8B09B

Ginger · DarkGray · Sunflower

HEX
#B8B09B
RGB
rgb(184, 176, 155)
HSL
hsl(43, 17%, 66%)
HSB
hsb(43, 16%, 72%)
CMYK
cmyk(0%, 4%, 16%, 28%)
Oklch
oklch(75.8% 0.031 89.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A1A596

Willow Green · DarkGray · Silver Sand

HEX
#A1A596
RGB
rgb(161, 165, 150)
HSL
hsl(76, 8%, 62%)
HSB
hsb(76, 9%, 65%)
CMYK
cmyk(2%, 0%, 9%, 35%)
Oklch
oklch(71.4% 0.022 119.1)

Traditional「Willow Green」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

50645B
634F58

Analogous

4F6350
50645B
4F6263

Triadic

50645B
5A4F63
635A4F

Split-Comp.

50645B
634F62
63504F

Tetradic

50645B
504F63
634F58
62634F

Contrast Matrix WCAG 2.1 Contrast

50645B
95897D
A99A83
B8B09B
A1A596
—
1.9
Fail
2.3
Fail
2.9
Fail
2.5
Fail
1.9
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
2.3
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
2.9
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.5
Fail
1.4
Fail
1.1
Fail
1.2
Fail
—
White BG
6.3AA
3.4AA Large
2.7Fail
2.2Fail
2.5Fail
Black BG
3.3AA Large
6.2AA
7.6AAA
9.7AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

59595D
909080
A3A289
B5B4A0
A3A39A

Deuteranopia

58565E
919181
A3A58A
B5B6A1
A3A29B

Tritanopia

515F5F
948283
A88D8E
B8A4A5
A19C9D

Achromatopsia

5D5D5D
8B8B8B
9C9C9C
B0B0B0
A2A2A2

Shades & Tints Shades & Tints

#50645B

Dark
Light

#95897D

Dark
Light

#A99A83

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #50645b;
  --color-2: #95897d;
  --color-3: #a99a83;
  --color-4: #b8b09b;
  --color-5: #a1a596;
}

SCSS

$color-1: #50645b;
$color-2: #95897d;
$color-3: #a99a83;
$color-4: #b8b09b;
$color-5: #a1a596;

TAILWIND

colors: {
  'brand-1': '#50645b',
  'brand-2': '#95897d',
  'brand-3': '#a99a83',
  'brand-4': '#b8b09b',
  'brand-5': '#a1a596',
}

RGB Array

[80, 100, 91], [149, 137, 125], [169, 154, 131], [184, 176, 155], [161, 165, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #50645B, #95897D, #A99A83, #B8B09B, #A1A596 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: #50645b; --color-2: #95897d; --color-3: #a99a83; --color-4: #b8b09b; --color-5: #a1a596. 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