← Back to Editor

#846E49 · #665946 · #1A1210 · #475254 · #111E31

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

#846E49

Ochre · DimGray · Amber Brown

HEX
#846E49
RGB
rgb(132, 110, 73)
HSL
hsl(38, 29%, 40%)
HSB
hsb(38, 45%, 52%)
CMYK
cmyk(0%, 17%, 45%, 48%)
Oklch
oklch(55.0% 0.059 80.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#665946

Ochre · DarkOliveGreen · Amber Brown

HEX
#665946
RGB
rgb(102, 89, 70)
HSL
hsl(36, 19%, 34%)
HSB
hsb(36, 31%, 40%)
CMYK
cmyk(0%, 13%, 31%, 60%)
Oklch
oklch(47.1% 0.034 77.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#1A1210

Crimson · Black · Deep Berry

HEX
#1A1210
RGB
rgb(26, 18, 16)
HSL
hsl(12, 24%, 8%)
HSB
hsb(12, 38%, 10%)
CMYK
cmyk(0%, 31%, 38%, 90%)
Oklch
oklch(19.2% 0.014 34.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#475254

Slate Blue · DarkSlateGray · Charcoal

HEX
#475254
RGB
rgb(71, 82, 84)
HSL
hsl(189, 8%, 30%)
HSB
hsb(189, 15%, 33%)
CMYK
cmyk(15%, 2%, 0%, 67%)
Oklch
oklch(43.0% 0.014 209.8)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

#111E31

Indigo · Black · Deep Sea Blue

HEX
#111E31
RGB
rgb(17, 30, 49)
HSL
hsl(216, 48%, 13%)
HSB
hsb(216, 65%, 19%)
CMYK
cmyk(65%, 39%, 0%, 81%)
Oklch
oklch(23.4% 0.041 257.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

846E49
485E84

Analogous

845048
846E49
7C8448

Triadic

846E49
48846E
6E4884

Split-Comp.

846E49
487C84
504884

Tetradic

846E49
488450
485E84
84487C

Contrast Matrix WCAG 2.1 Contrast

846E49
665946
1A1210
475254
111E31
—
1.4
Fail
3.8
AA Large
1.7
Fail
3.4
AA Large
1.4
Fail
—
2.7
Fail
1.2
Fail
2.5
Fail
3.8
AA Large
2.7
Fail
—
2.3
Fail
1.1
Fail
1.7
Fail
1.2
Fail
2.3
Fail
—
2.1
Fail
3.4
AA Large
2.5
Fail
1.1
Fail
2.1
Fail
—
White BG
4.9AA
6.8AA
18.5AAA
8.1AAA
16.7AAA
Black BG
4.3AA Large
3.1AA Large
1.1Fail
2.6Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7A52
60604B
171610
4C4C54
17172C

Deuteranopia

7C7D54
61624C
171811
4B4A53
16152B

Tritanopia

83595B
654E4F
1A1111
485353
122928

Achromatopsia

707070
5B5B5B
141414
4F4F4F
1C1C1C

Shades & Tints Shades & Tints

#846E49

Dark
Light

#665946

Dark
Light

#1A1210

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #846e49;
  --color-2: #665946;
  --color-3: #1a1210;
  --color-4: #475254;
  --color-5: #111e31;
}

SCSS

$color-1: #846e49;
$color-2: #665946;
$color-3: #1a1210;
$color-4: #475254;
$color-5: #111e31;

TAILWIND

colors: {
  'brand-1': '#846e49',
  'brand-2': '#665946',
  'brand-3': '#1a1210',
  'brand-4': '#475254',
  'brand-5': '#111e31',
}

RGB Array

[132, 110, 73], [102, 89, 70], [26, 18, 16], [71, 82, 84], [17, 30, 49]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #846E49, #665946, #1A1210, #475254, #111E31 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: #846e49; --color-2: #665946; --color-3: #1a1210; --color-4: #475254; --color-5: #111e31. 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