← Back to Editor

#928068 · #6F6959 · #5F594D · #79283B · #5A112C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#928068

Ochre · Gray · Amber Brown

HEX
#928068
RGB
rgb(146, 128, 104)
HSL
hsl(34, 17%, 49%)
HSB
hsb(34, 29%, 57%)
CMYK
cmyk(0%, 12%, 29%, 43%)
Oklch
oklch(61.0% 0.041 74.8)

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

#6F6959

Ochre · DimGray · Honey Gold

HEX
#6F6959
RGB
rgb(111, 105, 89)
HSL
hsl(44, 11%, 39%)
HSB
hsb(44, 20%, 44%)
CMYK
cmyk(0%, 5%, 20%, 56%)
Oklch
oklch(52.2% 0.025 89.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#5F594D

Ochre · DimGray · Honey Gold

HEX
#5F594D
RGB
rgb(95, 89, 77)
HSL
hsl(40, 10%, 34%)
HSB
hsb(40, 19%, 37%)
CMYK
cmyk(0%, 6%, 19%, 63%)
Oklch
oklch(46.6% 0.020 84.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#79283B

Crimson · Brown · Wine Red

HEX
#79283B
RGB
rgb(121, 40, 59)
HSL
hsl(346, 50%, 32%)
HSB
hsb(346, 67%, 47%)
CMYK
cmyk(0%, 67%, 51%, 53%)
Oklch
oklch(40.4% 0.113 9.6)

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

#5A112C

Dark Violet · Maroon · Raspberry

HEX
#5A112C
RGB
rgb(90, 17, 44)
HSL
hsl(338, 68%, 21%)
HSB
hsb(338, 81%, 35%)
CMYK
cmyk(0%, 81%, 51%, 65%)
Oklch
oklch(31.6% 0.106 3.5)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

928068
687A92

Analogous

926B68
928068
8F9268

Triadic

928068
689280
806892

Split-Comp.

928068
688F92
6B6892

Tetradic

928068
68926B
687A92
92688F

Contrast Matrix WCAG 2.1 Contrast

928068
6F6959
5F594D
79283B
5A112C
—
1.4
Fail
1.8
Fail
2.5
Fail
3.6
AA Large
1.4
Fail
—
1.3
Fail
1.8
Fail
2.5
Fail
1.8
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
2.5
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
3.6
AA Large
2.5
Fail
1.9
Fail
1.4
Fail
—
White BG
3.8AA Large
5.5AA
6.9AA
9.6AAA
13.5AAA
Black BG
5.5AA
3.8AA Large
3.0AA Large
2.2Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8A6E
6C6C5D
5C5C50
565536
3A3A25

Deuteranopia

8B8D6F
6D6D5E
5D5D51
5B6135
3F4424

Tritanopia

917273
6F6061
5F5253
753332
56201F

Achromatopsia

838383
696969
595959
424242
2A2A2A

Shades & Tints Shades & Tints

#928068

Dark
Light

#6F6959

Dark
Light

#5F594D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #928068;
  --color-2: #6f6959;
  --color-3: #5f594d;
  --color-4: #79283b;
  --color-5: #5a112c;
}

SCSS

$color-1: #928068;
$color-2: #6f6959;
$color-3: #5f594d;
$color-4: #79283b;
$color-5: #5a112c;

TAILWIND

colors: {
  'brand-1': '#928068',
  'brand-2': '#6f6959',
  'brand-3': '#5f594d',
  'brand-4': '#79283b',
  'brand-5': '#5a112c',
}

RGB Array

[146, 128, 104], [111, 105, 89], [95, 89, 77], [121, 40, 59], [90, 17, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #928068, #6F6959, #5F594D, #79283B, #5A112C is ideal for: tech websites, dark mode UIs, game UIs. 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: #928068; --color-2: #6f6959; --color-3: #5f594d; --color-4: #79283b; --color-5: #5a112c. 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 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