← Back to Editor

#919F92 · #6A8179 · #645B5C · #5F3036 · #44252A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#919F92

Ash · DarkSeaGreen · Silver Sand

HEX
#919F92
RGB
rgb(145, 159, 146)
HSL
hsl(124, 7%, 60%)
HSB
hsb(124, 9%, 62%)
CMYK
cmyk(9%, 0%, 8%, 38%)
Oklch
oklch(68.8% 0.025 147.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#6A8179

Mineral Blue · Gray · Olive Green

HEX
#6A8179
RGB
rgb(106, 129, 121)
HSL
hsl(159, 10%, 46%)
HSB
hsb(159, 18%, 51%)
CMYK
cmyk(18%, 0%, 6%, 49%)
Oklch
oklch(58.2% 0.029 172.2)

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

#645B5C

Ink Gray · DimGray · Charcoal

HEX
#645B5C
RGB
rgb(100, 91, 92)
HSL
hsl(353, 5%, 37%)
HSB
hsb(353, 9%, 39%)
CMYK
cmyk(0%, 9%, 8%, 61%)
Oklch
oklch(48.0% 0.012 9.9)

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

#5F3036

Crimson · DarkOliveGreen · Wine Red

HEX
#5F3036
RGB
rgb(95, 48, 54)
HSL
hsl(352, 33%, 28%)
HSB
hsb(352, 49%, 37%)
CMYK
cmyk(0%, 49%, 43%, 63%)
Oklch
oklch(37.2% 0.068 12.8)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#44252A

Crimson · DarkSlateGray · Wine Red

HEX
#44252A
RGB
rgb(68, 37, 42)
HSL
hsl(350, 30%, 21%)
HSB
hsb(350, 46%, 27%)
CMYK
cmyk(0%, 46%, 38%, 73%)
Oklch
oklch(30.7% 0.047 9.8)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

919F92
A0929F

Analogous

98A092
919F92
92A09A

Triadic

919F92
9392A0
A09392

Split-Comp.

919F92
9A92A0
A09298

Tetradic

919F92
9298A0
A0929F
A09A92

Contrast Matrix WCAG 2.1 Contrast

919F92
6A8179
645B5C
5F3036
44252A
—
1.5
Fail
2.4
Fail
3.9
AA Large
4.9
AA
1.5
Fail
—
1.6
Fail
2.6
Fail
3.3
AA Large
2.4
Fail
1.6
Fail
—
1.6
Fail
2.1
Fail
3.9
AA Large
2.6
Fail
1.6
Fail
—
1.3
Fail
4.9
AA
3.3
AA Large
2.1
Fail
1.3
Fail
—
White BG
2.8Fail
4.2AA Large
6.6AA
10.7AAA
13.6AAA
Black BG
7.6AAA
5.0AA
3.2AA Large
2.0Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

979795
74747B
60605C
4B4A35
373629

Deuteranopia

969596
73717B
61615C
4D5134
383B29

Tritanopia

929898
6B7C7D
645C5C
5D3333
422828

Achromatopsia

999999
797979
5E5E5E
3F3F3F
2F2F2F

Shades & Tints Shades & Tints

#919F92

Dark
Light

#6A8179

Dark
Light

#645B5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #919f92;
  --color-2: #6a8179;
  --color-3: #645b5c;
  --color-4: #5f3036;
  --color-5: #44252a;
}

SCSS

$color-1: #919f92;
$color-2: #6a8179;
$color-3: #645b5c;
$color-4: #5f3036;
$color-5: #44252a;

TAILWIND

colors: {
  'brand-1': '#919f92',
  'brand-2': '#6a8179',
  'brand-3': '#645b5c',
  'brand-4': '#5f3036',
  'brand-5': '#44252a',
}

RGB Array

[145, 159, 146], [106, 129, 121], [100, 91, 92], [95, 48, 54], [68, 37, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #919F92, #6A8179, #645B5C, #5F3036, #44252A is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #919f92; --color-2: #6a8179; --color-3: #645b5c; --color-4: #5f3036; --color-5: #44252a. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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