← Back to Editor

#999149 · #B3AF92 · #437175 · #385759 · #364445

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

#999149

Autumn Sage · Gray · Honey Gold

HEX
#999149
RGB
rgb(153, 145, 73)
HSL
hsl(54, 35%, 44%)
HSB
hsb(54, 52%, 60%)
CMYK
cmyk(0%, 5%, 52%, 40%)
Oklch
oklch(64.8% 0.094 103.0)

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

#B3AF92

Fresh Green · DarkGray · Sunflower

HEX
#B3AF92
RGB
rgb(179, 175, 146)
HSL
hsl(53, 18%, 64%)
HSB
hsb(53, 18%, 70%)
CMYK
cmyk(0%, 2%, 18%, 30%)
Oklch
oklch(75.0% 0.040 100.8)

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

#437175

Slate Blue · DimGray · Mint Ice

HEX
#437175
RGB
rgb(67, 113, 117)
HSL
hsl(185, 27%, 36%)
HSB
hsb(185, 43%, 46%)
CMYK
cmyk(43%, 3%, 0%, 54%)
Oklch
oklch(51.7% 0.051 202.8)

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

#385759

Slate Blue · DarkSlateGray · Mint Ice

HEX
#385759
RGB
rgb(56, 87, 89)
HSL
hsl(184, 23%, 28%)
HSB
hsb(184, 37%, 35%)
CMYK
cmyk(37%, 2%, 0%, 65%)
Oklch
oklch(43.3% 0.037 201.0)

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

#364445

Slate Blue · DarkSlateGray · Peacock Green

HEX
#364445
RGB
rgb(54, 68, 69)
HSL
hsl(184, 12%, 24%)
HSB
hsb(184, 22%, 27%)
CMYK
cmyk(22%, 1%, 0%, 73%)
Oklch
oklch(37.5% 0.018 201.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

999149
495197

Analogous

976849
999149
789749

Triadic

999149
499790
904997

Split-Comp.

999149
497897
684997

Tetradic

999149
499768
495197
974978

Contrast Matrix WCAG 2.1 Contrast

999149
B3AF92
437175
385759
364445
—
1.5
Fail
1.7
Fail
2.4
Fail
3.1
AA Large
1.5
Fail
—
2.5
Fail
3.5
AA Large
4.6
AA
1.7
Fail
2.5
Fail
—
1.4
Fail
1.9
Fail
2.4
Fail
3.5
AA Large
1.4
Fail
—
1.3
Fail
3.1
AA Large
4.6
AA
1.9
Fail
1.3
Fail
—
White BG
3.2AA Large
2.2Fail
5.4AA
7.8AAA
10.1AAA
Black BG
6.5AA
9.5AAA
3.9AA Large
2.7Fail
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

96955A
B1B199
575774
454659
3C3C45

Deuteranopia

96975F
B2B29B
545174
444158
3B3A45

Tritanopia

99686B
B39FA0
457373
3A5858
374545

Achromatopsia

8B8B8B
ADADAD
646464
4E4E4E
404040

Shades & Tints Shades & Tints

#999149

Dark
Light

#B3AF92

Dark
Light

#437175

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #999149;
  --color-2: #b3af92;
  --color-3: #437175;
  --color-4: #385759;
  --color-5: #364445;
}

SCSS

$color-1: #999149;
$color-2: #b3af92;
$color-3: #437175;
$color-4: #385759;
$color-5: #364445;

TAILWIND

colors: {
  'brand-1': '#999149',
  'brand-2': '#b3af92',
  'brand-3': '#437175',
  'brand-4': '#385759',
  'brand-5': '#364445',
}

RGB Array

[153, 145, 73], [179, 175, 146], [67, 113, 117], [56, 87, 89], [54, 68, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #999149, #B3AF92, #437175, #385759, #364445 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: #999149; --color-2: #b3af92; --color-3: #437175; --color-4: #385759; --color-5: #364445. 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